广泛部署的技术

定制文本条目

可以通过使用 <input type="email"><input type="tel"><input type="url"> 优化那些通常并不容易的用户数据键入方法,例如专用的虚拟键盘,或访问设备记录的如地址簿或书签等数据。

HTML中的时间和日期类型可以利用很多特定的表单控件(例如 <input type="date">)来触发本地日历控件的使用,避免创建不易于针对市面上诸多移动设备而定制的自定义基于 JavaScript 的控件。注意:特定的浏览器可能只支持这些控件的一个子集,如果不支持该 input 类型,则会回退到常规的文本控件。

输入校验

pattern 属性既可以指导用户输入,也可以避免需要网络往返的服务器端验证或需要增多资源的基于 JavaScript 的验证,这些对于条件受限的移动设备来说都是有用的优化。

输入提示

placeholder 属性通过描述一个文本输入控件所预期的输入内容类型来指导用户输入。

表单自动完成

<datalist> 元素允许创建带有预定义值的自由文本输入控件;autocomplete 属性是一种基于用户已知数据而实现自动填充输入字段的机制,这就解决了移动设备上常见的长页及多页表单带来的问题,例如移动购物应用场景。

特性规范 / 小组成熟度现有实现
选择浏览器…
定制文本条目HTML标准中的tel、email 和 url 输入类型 (tel, email, url input types in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准
HTML标准中的时间和日期类型 (Date and time input types in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准
输入校验HTML标准中的input 元素的 pattern 属性 (pattern attribute for input fields in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准
输入提示HTML标准中的input 元素的 placeholder 属性 (input placeholder attribute in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准
表单自动完成HTML标准中的datalist 元素 (datalist element in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准
HTML标准中的autocomplete 属性 (autocomplete attribute in HTML Standard)
Web 超文本应用技术工作小组 (WHATWG)
持续更新标准

已有稳定实现:
在 Chrome(桌面, 移动)中已有稳定实现。 来源:Chrome Platform Status在 Microsoft Edge(桌面)中已有稳定实现。 来源:Chrome Platform Status在 Firefox(移动)中已有稳定实现。 特性支持可能不完整。 来源:Can I use在 Safari(桌面, 移动)中已有稳定实现。 来源:Chrome Platform Status在 百度浏览器(移动)中已有稳定实现。 特性支持可能不完整。 来源:Can I use在 Opera(桌面)中已有稳定实现。 特性支持可能不完整。 来源:Can I use在 QQ浏览器(移动)中已有稳定实现。 特性支持可能不完整。 来源:Can I use在 三星浏览器(移动)中已有稳定实现。 特性支持可能不完整。 来源:Can I use在 UC浏览器(移动)中已有稳定实现。 特性支持可能不完整。 来源:Can I use

开发中的技术

剪贴板

复制和粘贴操作是将文本从一个应用传递到另一个应用的一个核心机制,尤其是在文本输入仍然是挑战的设备上。剪贴板API和事件规范描述了用于覆盖默认剪贴板操作(如添加元数据或修改内容格式)以及用于直接访问剪贴板内容(如使剪贴板数据在远程设备和本地应用之间保持同步)的API。

特性规范 / 小组成熟度现有实现
选择浏览器…
剪贴板剪贴板API和事件 (Clipboard API and events)
Web 应用工作组 (Web Applications Working Group)
工作草案

不再进行的工作

输入模式
inputmode 属性定义了文本输入所预期的文本输入类型。移动浏览器可以使用这些提示来渲染正确的屏幕键盘类型,例如当用户希望输入信用卡号码是展示一个数字键盘。这个属性已经不再被当前的大多数浏览器版本所支持,且这个属性已经被移出HTML规范。开发者应使用telemailurl等更为具体的输入类型。