HTML5表单

新增的表单元素：

1. <datalist>：规定输入域的选项列表，与input配合使用。

<input list="browsers">
 
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

2. <****** >：单标记，是秘钥对生成器，能够使用户验证更为可靠。用户提交表单时会生成两个键，一个私钥，一个公钥，私钥保存客户端而公钥会发送到服务器，服务器端会生成一个客户端证书，返回到浏览器让用户下载并保存到本地，用户在需要验证的时候使用私钥和证书，通过相应的安全传输协议传送到服务器端进行验证。目前浏览器支持度较低。
3. <output>：用于不同类型的输出，比如计算或脚本输出。

新增的表单属性：

HTML5 的 <form>和<input>标签添加了几个新属性：

form新属性：

1. autocomplete：规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。
2. novalidate:规定在提交表单时不应该验证 form 或 input 域。

<form action=”” method=”” novalidate=”true”>
   <input type=”email” >
   <input type=”submit” value=”提交”>
</form> 

input新属性：

1. autocomplete：规定input元素输入字段是否启用自动完成功能，属性值为on/off。

自动完成功能：指保留以前键入的内容 ，当输入框再次获得焦点时，会弹出有此内容的下拉列表。
密码框没有自动完成功能。

2. autofoucs：页面加载时，<input>元素自动获得焦点，属性值为on/off。
3. form：规定输入域所属的一个或多个表单。<input>位于<form></form>表单外部，但因为指定的form属性，并且属性值为表单的id值，所以仍然是表单的一部分。

<form action=”” method=”get” id=”f1”>
       ……
</form>     
<input type=”submit” form=”f1”>

4. 表单重写属性：
   formaction：用于描述表单提交的URL地址，会覆盖<form>元素中的action属性。
   formmethod：定义了表单提交的方式，会覆盖了 <form> 元素的 method 属性。
   formtarget ：指定一个名称或一个关键字来指明表单提交数据接收后的展示，会覆盖 <form>元素的target属性。
   formenctype：描述了表单提交到服务器的数据编码 (只对form表单中 method=“post” 表单)，会覆盖 form 元素的 enctype 属性。
   formnovalidate:：描述了 <input>元素在表单提交时无需被验证，会覆盖 <form>元素的novalidate属性。

除了formnovalidate属性，其他属性都只针对type=”submit/image”

5. 新增的width和height属性：指定<input>元素的宽度和高度。只针对type=”image”

<input type=”image” src=”” width=”” height=””>

11. list：规定输入域的 datalist，datalist 是输入域的选项列表，其属性值是datalist的id值。
12. min：规定输入框所输入的最小值. max：规定输入框所输入的最大值. step：为输入框规定合法的数字间隔
13. multiple：规定· ·元素中可选择多个值。用于文件域中可同时选择多个文件上传（之前一次只能选择一个）。

<input type=”file” multiple/>

9. pattern：描述了一个正则表达式用于验证<input>元素的值。

<form action="/example/html5/demo_form.asp" method="get">
   <input type="text" name="country_code" pattern="[A-z]{3}"title="三个字母的国家代码" />
   <input type="submit" />
</form>

10. placeholder：是为用户输入<input>中的字段进行提示的淡灰色的简短信息。当输入任意字符时，提示信息将会消失。
11. required：规定必须在提交表单之前填写输入字段。

新增的input类型：

1. email：是专门用于输入email地址的文本输入框，外观上就是一个纯文本框，在提交表单时，会自动验证值是否有效，有效自动提交，否则弹出提示框。用于手机里的浏览器时，一点击此文本框，就会弹出一个触摸屏键盘。用于验证email地址的合法性。

<input type=”email”>

2. tel：定义用于输入电话号码的字段（不限于数字，是字符串，因为有的会有区号）。外观上就是一个纯文本框。用于手机里的浏览器时，一点击此文本框，就会弹出一个触摸屏键盘。
3. url：定义用于输入url网址的字段，外观上就是一个纯文本框，在提交表单时，会自动验证值是否有效，有效自动提交，否则弹出提示框。用于手机里的浏览器时，一点击此文本框，就会弹出一个触摸屏键盘。
4. search:定义用于输入搜索字符串的文本字段。为纯文本框，输入字符后右侧有删除符号x。
   
5. color：定义拾色器。文本框中有一个黑色块，点击出现拾色器。
   
6. number：定义用于输入数字的字段，外观是一个文本输入框，获得焦点右侧有上下小三角形，点击就会按照步幅来增加或减少数值。当输入的数字在最大最小范围之外，提交时会弹出提示框。属性：value,max,min,step(步幅，数字间隔)
   
7. range:定义用于精确值不重要的输入数字的控件。属性：value,max,min,step(步幅)。与number功能相似，外观不同，是一条横杠上有滑动块。
   
8. date：定义日期选择器。文本框中默认是年/月/日，选择日期后，获得焦点右侧有删除符号x，再右侧有上下小三角形，点击年或月或日后，点击小三角形就会增加或减少日期，再右侧有倒三角形，点击会弹出一个日历表，能
   用来选择日期。
   
   dateTime：定义一个日期和时间选择器(UTC时间)。
   dateTime-local：定义一个日期和时间选择器(无时区)。
   month：定义—年–月控件（不带时区），其他与date相同 。
   week：定义—年第–周控件，其他与date相同。
   time:：定义时分秒的控件。输入时间后，获得焦点，右侧有删除符号x，再右侧有上下小三角形，点击时或分或秒后，点击就会增加或减少时间。