HTML5表单

1.Input类型
（1）email 类型用于应该包含 e-mail 地址的输入域

<input type="email" name="user_email" />

（2）url 类型用于应该包含 URL 地址的输入域

<input type="url" name="user_url" />

（3）number 类型用于应该包含数值的输入域

<input type="number" name="points" min="1" max="10" />  //输入的值小于10

（4）range 类型用于应该包含一定范围内数字值的输入域，range 类型显示为滑动条

<input type="range" name="points" min="1" max="10" />

（5）Date Pickers（日期选择器）

<input type="date" name="user_date" /> //选取日、月、年<input type="month" name="user_date" /> //选取月、年<input type="week" name="user_date" /> //选取周和年<input type="time" name="user_date" /> //选取时间（小时和分钟）<input type="datetime" name="user_date" /> //选取时间、日、月、年（UTC 时间）<input type="datetime-local" name="user_date" /> //选取时间、日、月、年（本地时间）

（6）search 类型用于搜索域，比如站点搜索或 Google 搜索

2.HTML5表单元素
（1）datalist 元素规定输入域的选项列表，列表是通过 datalist 内的 option 元素创建的

Webpage: <input type="url" list="url_list" name="link" /><datalist id="url_list"><option label="W3School" value="http://www.W3School.com.cn" /><option label="Google" value="http://www.google.com" /><option label="Microsoft" value="http://www.microsoft.com" /></datalist>

（2）keygen 元素的作用是提供一种验证用户的可靠方法，keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

<form action="demo_form.asp" method="get">Username: <input type="text" name="usr_name" />Encryption: <keygen name="security" /><input type="submit" /></form>

（3）output 元素用于不同类型的输出，比如计算或脚本输出

<output id="result" onforminput="resCalc()"></output>

3.HTML5表单属性
（1）autocomplete 属性规定 form 或 input 域应该拥有自动完成功能

<form action="demo_form.asp" method="get" autocomplete="on">First name: <input type="text" name="fname" /><br />Last name: <input type="text" name="lname" /><br />E-mail: <input type="email" name="email" autocomplete="off" /><br /><input type="submit" /></form>

（2）autofocus 属性规定在页面加载时，域自动地获得焦点

User name: <input type="text" name="user_name"  autofocus="autofocus" />

（3）form 属性规定输入域所属的一个或多个表单
（4）height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。
（5）list 属性规定输入域的 datalist。datalist 是输入域的选项列表
（6）min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）
（7）multiple 属性规定输入域中可选择多个值
（8）novalidate 属性规定在提交表单时不应该验证 form 或 input 域
（9）pattern 属性规定用于验证 input 域的模式（pattern）
（10）placeholder 属性提供一种提示（hint），描述输入域所期待的值
（11）required 属性规定必须在提交之前填写输入域（不能为空）