广泛部署的技术
可以通过使用 <input type="email">
、<input type="tel">
和 <input type="url">
优化那些通常并不容易的用户数据键入方法,例如专用的虚拟键盘,或访问设备记录的如地址簿或书签等数据。
pattern
属性既可以指导用户输入,也可以避免需要网络往返的服务器端验证或需要增多资源的基于 JavaScript 的验证,这些对于条件受限的移动设备来说都是有用的优化。
placeholder
属性通过描述一个文本输入控件所预期的输入内容类型来指导用户输入。
<datalist>
元素允许创建带有预定义值的自由文本输入控件;autocomplete
属性是一种基于用户已知数据而实现自动填充输入字段的机制,这就解决了移动设备上常见的长页及多页表单带来的问题,例如移动购物应用场景。
特性 | 规范 | 成熟度 | 现有实现 |
---|---|---|---|
定制文本条目 | HTML 5.1中的tel、email 和 url 输入类型 (tel, email, url input types in HTML 5.1) | 已有稳定实现 | |
输入校验 | HTML 5.1中的input 元素的 pattern 属性 (pattern attribute for input fields in HTML 5.1) | 已有稳定实现 | |
输入提示 | HTML 5.1中的input 元素的 placeholder 属性 (input placeholder attribute in HTML 5.1) | 已有稳定实现 | |
表单自动完成 | HTML 5.1中的datalist 元素 (datalist element in HTML 5.1) | 已有稳定实现 | |
HTML 5.1中的autocomplete 属性 (autocomplete attribute in HTML 5.1) |
开发中的技术
Date and time entries可以利用很多特定的表单控件,(例如 <input type="date">
)来触发本地日历控件的使用,避免创建不易于针对市面上诸多移动设备而定制的自定义基于 JavaScript 的控件。
特性 | 规范 | 成熟度 | 现有实现 |
---|---|---|---|
定制文本条目 | HTML 5.1中的Date and time input types | 已有稳定实现 |
不再进行的工作
- 输入模式
inputmode
属性定义了文本输入所预期的文本输入类型。移动浏览器可以使用这些提示来渲染正确的屏幕键盘类型,例如当用户希望输入信用卡号码是展示一个数字键盘。这个属性已经不再被当前的大多数浏览器版本所支持,且这个属性已经被移出HTML规范。开发者应使用tel
、email
和url
等更为具体的输入类型。