2019-04-10
form 属性
在HTML4中，所有的表单控件都必须放在<form>元素内部，HTML5为表单控件提供了form属性，用于指定该控件所属的表单，该属性的值应是其所属表单的ID。通过该属性可以让表单控件定义在<form>元素之外，将表单外的控件内容数据提交到服务器端。
注意：可以通过form属性引用多个表单，表单id用空格分隔。
示例：
<body>
<form id="addForm1" action="server1">
物品名：<input type="text" name="name"/>
<input type="submit" value="添加"/>
</form>
<form id="addForm2" action="server2">
物品名：<input type="text" name="name"/>
<input type="submit" value="添加"/>
</form>
物品描述：
<textarea name="desc" form="addForm1,addForm2"></textarea>
</body>
表单重写属性
formaction:动态的将表单提供到不同的URL。
formenctype：设置表单的enctype属性
formmethod:设置表单的提交方式为get或post
formtarget:设置表单的target属性
示例:
<form method="post">
用户名：<input type="text" name="userName"/><br/>
密码：<input type="password" name="userPwd"/><br/>
<input type="submit" value="注册" formaction="sever1"/>
<input type="submit" value="登陆" formaction="server2"/>
</form>
autofocus属性
布尔属性，可以使表单控件在页面加载时自动获取焦点。一个页面只能有一个autofocus属性定义。
示例：
<body>
用户名：<input type="text" id="userName" autofocus />
密码：<input type="password" id="userPwd" />
</body>
placeholder属性
显示提示信息。用户输入文本时自动隐藏，用户清除文本时自动显示。
list属性
list属性可与datalist元素配合使用。datalist元素相当于一个看不见的select元素，用于生成隐藏的下拉菜单。
示例：
<form action="myserver">
请输入图书：<input type="text" list="books"/>
<input type="submit" value="购买"/>
</form>
<datalist id="books">
<option value="三国演义">
<option value="水浒传">
<option value="西游记">
</datalist>
新增的input元素
HTML5为input元素的type属性新增了若干类型值。
| 值 | 描述 |
|---|---|
| color | 颜色选择器。 |
| date | 日期选择器（带有 calendar 控件），用于选择年、月、日 |
| datetime | UTC日期、时间选择器（带有 calendar 和 time 控件）<br /> UTC为世界标准时间，存在浏览器兼容性问题 |
| datetime-local | 本地日期、时间选择器（带有 calendar 和 time 控件） |
| month | 月份选择器（带有 calendar 控件），用于选择年、月 |
| week | 可以选择第几周的文本框（带有 calendar 控件），用于选择年、周 |
| time | 时间选择器，包括时、分、秒（带有 time 控件），<br /> 可以通过max、min、step、value属性指定时间范围及默认值 |
| e-mail 地址输入框，提交表单时可自动验证email格式 | |
| number | 数字输入框 <br /> max属性:规定允许的最大值 <br /> min属性:规定允许的最小值 <br /> step属性:规定合法的数字间隔 |
| range | 带有 slider 控件(拖动条)的输入框。还可以指定min、max、step(步长)属性的值。 |
| search | 搜索框，用于搜索关键词，输入内容后会显示叉号清除内容 |
| tel | 电话号码输入框，不限定只输入数字，如0531-88776655 |
| url | URL地址输入框，提交表单时将对输入的URL格式做检查 |
增强的文件上传域
HTML 5为type="file"的input元素增加了两个属性：
accept:控制上传文件的类型，其值为一个或多个MIME类型的字符串，多个字符串之间用逗号分隔。
multiple:设置是否允许选择多个文件。
