帮助用户填写在线表单

2015年3月18日星期三

作者: Mathieu Perreault, Chrome 工程师, Zineb Ait Bahajji , 网站趋势分析师

很多网站都借助表单 来达成重要目标 ,例如,如果用户要在购物网站上完成交易或在新网站上注册,都需要填写表单。对于许多用户来说,在线表单意味着在不同的网站上重复输入常用信息,例如姓名、电子邮件地址、电话号码或地址。输入这些信息不仅 非常烦人 ,而且容易出错,这会导致很多用户中途放弃。现在,用户更多地使用移动设备(而不是笔记本电脑或台式机)浏览互联网,因此您设计的表单填写起来轻松快捷至关重要! 三年前,我们宣布在 Chrome 中开始支持新的“自动填充”属性,以便 使表单填写过程变得更加快捷、简单、智能 。现在,Chrome 完全支持表单字段的“自动填充”属性 ,这符合当前的 WHATWG HTML 标准 。得益于此,网站站长和网站开发者无需更改界面或后端,即可为输入元素字段添加表示常用数据类型(例如“姓名”或“街道地址”)的标记。通过为网站上的表单添加旨在实现自动填充的标记, 许多网站站长 都获得了更高的 表单完整填写率。

以下代码示范了如何为表单中的电子邮件地址字段添加旨在实现自动填充的标记 (如需完整的示例表单,请 点击此处 ):

<input type=”email"  name=”customerEmail” autocomplete=”email” />


使网站便于用户在移动设备上浏览至关重要 。我们希望日后有越来越多的表单使用“自动填充”属性标记。如需更多信息,您可以参阅我们在“Web 基本法则”中提供的 标记和名称输入 规范。和往常一样,如果您有任何疑问,请在我们的 网站站长帮助论坛 中发帖咨询。