8.3 H5学习笔记

2023-10-15,

隐藏域

<form action="" method="post" enctype="multipart/form-data">

  <input type="file" name="file">

</form>

注意:

利用这项功能是,在form标签中要指定method属性。要把method指定为post,enctype属性指定为multipart/form-data。

说明:

multiple 控制是否上传多文件

HTML5的表单所有TYPE类型

button 定义可点击的按钮(大多与JavaScript使用来启动脚本)
checkbox 定义复选框
color 定义拾色器
date 定义日期字段(带有calendar控件)
datetime 定义日期字段(带有calendar和time控件)
datetime-local 定义日期字段(带有calendar和time控件)
month 定义日期字段的月(带有calendar控件)
week 定义日期字段的周(带有calendar控件)
time 定义日期字段的时、分、秒(带有time控件)
email 定义用于e-mail地址的文本字段。
file 定义输入字段和“浏览...”按钮,供文件上传。
hidden 定义隐藏输入字段。
image 定义图像作为提交按钮。
number 定义带有spinner控件的数字字段。
password 定义密码字段。字段中的字符会被遮藏。
radio 定义单选按钮。
range 定义带有slider控件的数字字段。
reset 定义重置按钮。重置按钮会将所有表单字段重置为初始值。
search 定义用于搜索的文本字段。
submit 定义提交按钮。提交按钮向服务器发送数据。
tel 定义用于电话号码的文本字段。
text 默认。定义单行输入字段,用户可在其中输入文本。默认是20个字符。
url 定义用于URL的文本字段

HTML5的表单新属性

autocomplete

<form action="">
  <input type="search" name="keywords" autocomplete="on" autofocus>
      <input type="submit" value="提交">
</form>

multiple

<form action="" method="post" enctype="multipart/form-data">
      <input type="file" multiple>
      <input type="submit" value="提交">
</form>

placeholder

<input type="text" placeholder="请输入用户名...">

required

<form action="">
      用户名:<input type="text" required>
      <input type="submit" value="提交">
</form>

textarea(表单元素:多行文本域)

<textarea rows="5" cols="80"></textarea>

select(表单元素:下拉框)

<label for="province">省份</label>
    <select id="province">
        <option>请选择</option>
        <option selected>广东</option>
        <option>上海</option>
  </select>

8.3 H5学习笔记的相关教程结束。

《8.3 H5学习笔记.doc》

下载本文的Word格式文档,以方便收藏与打印。