HTML5 表单新属性值

HTML5为表单增添了很多新属性，其中input最为出众，type值增加了许多类型，如email、date。这些值省了我们写正则表达式的麻烦，十分方便。而且在用户输入不对应的值还会提示用户格式不对，不过提示语比较单一，但是通过js修改也不难。

input --type值

• url ：路径
• email：电子邮箱
• date：日期
• time： 时间
• datetime-local ：日期到时间
• month： 年月
• week：年周
• number：数字
  数字还设有最大最小值
  eg：min="0" max="10"就只能输入0-10的数字
• tel：电话号码
• color：颜色
• rang：范围
  还有一些附带值
• value="num"： 默认值
• step="num" ：数字间隔
• min="num"： 最小值
• max="num" ：最大值

eg:输入最小值为0，默认值为0，最大值为10，数字间隔为10的range

<input type="range" value="0" step="10" min="0" max="10"/>

表单属性

• required：规定表单不能为空
• pattern=“reg”：填写的内容需符合pattern里的正则表达式
• list=“pro_list”：与datalist配合使用，下拉列表
  eg ：

            <input type="text" list="pro_list"/><!--类似于select-->
            <datalist id="pro_list">
                <option value="a" label="a">a</option>
                <option value="b" label="b">b</option>
            </datalist>