HTML5--新增input类型、表单属性和元素

写在前面：很多内容都是对w3cschool教程的复述，深入学习建议w3cschool - 编程狮，随时随地学编程

 一、新增<input>类型

并不是所有浏览器都支持新增的input类型，但若是不被支持仍可以显示为常规的文本域。

• color --- 选取颜色
• date --- 选择日期(年/月/日)
• datetime --- 选择日期和时间(本地时间)
• datetime-local --- 选择日期和时间(无时区限制)
• email --- 邮箱地址，提交时会自动验证值是否合法有效
• month --- 选择月份
• number --- 定义一个数值输入域，有如下属性对区域进行限定：
  • max --- 最大值
  • min --- 最小值
  • step --- 数字间隔
  • value --- 默认值
• range --- 一定范围内数字值的输入域，表现为滑动条，限定属性如number
• search --- 搜索条
• tel --- 电话号码
• time --- 选择时间(无时区)
• url --- 包含 URL 地址的输入域，提交时会自动验证值
• week --- 选择周和年(第--周 年)

二、表单元素

1  <datalist>元素

规定输入域的选项列表，当用户在自动完成域中开始输入时，将显示可填内容的选项列表。

以下代码段中，当input被选中后会自动提供datalist中的可选列表。

<input list="browsers">

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

 在使用过程中，我们使用<input>的list属性来绑定<datalist>。

2  <keygen>元素

首先，该元素已经从web标准中删除了。

提供验证用户的可靠方法。<keygen>会规定用于表单的密钥对生成器字段，当提交表单时，会自动生成两个键--私钥和公钥，私钥存储于客户端，公钥将发送至服务器，用于验证用户的客户端证书。

<form action="demo_keygen.asp" method="get">
用户名: <input type="text" name="usr_name">
加密: <key