8.3 H5学习笔记

隐藏域

<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>