HTML5 新的 Input 类型

HTML5 新的 Input 类型

• email
• url
• number
• range
• Date pickers (date, month, week, time, datetime, datetime-local)
• search
• color

number

type= number 调用数字键盘
加入pattern=”[0-9]*” 调用九宫格数字键盘

    <input type="number" pattern="[0-9]*"/>

首字母自动大写autocapitalize

在 iOS 中，用户可以手动开启「首字母自动大写」功能，这样输入英文的时候，首字母便会自动大写。比如用户名这个字段，如果字段本身就是区分大小写的，首字母自动大写往往会给用户带来麻烦。可以通过在表单元素上可以通过设置autocapitalize=”off”来关闭。

<input type="text" autocapitalize="off" placeholder="用户名-关闭首字母大写">

还可以在form元素上设置该属性，让里面的每个元素都继承autocapitalize的设置。

autocomplete

　　默认为on，其含义代表是否让浏览器自动记录自谦输入的值。
　　很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到。可以在input中加入autocomplete = “off”来关闭记录，系统需要保密的情况下可以使用此参数。