我想知道是否有某种特殊标记可以为特定表单启用Chrome自动填充功能。我只发现了有关如何禁用它的问题，但我想知道我是否可以在html代码中添加某种标记，以告诉浏览器“这是地址的输入”或“这是邮政编码字段“正确填写（假设用户已激活此功能）。
答案 0 :(得分：172)
2017年更新 看起来Kayvar的答案提供的信息比我的更新。未来的读者：将你的票数提高到that answer。
这是一个很好的问题，很难找到文档。实际上，在很多情况下，您会发现Chrome自动填充功能“正常运行”。例如，以下html片段会生成一个表单，至少对我来说（Chrome v.18），在单击第一个字段后会自动填充该表单：
<!DOCTYPE html>
<html>
<body>
<form method="post">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="text" name="email" /><br />
Phone: <input type="text" name="phone" /><br />
Address: <input type="text" name="address" /><br />
</form>
</body>
</html>
但是，这个答案并不令人满意，因为它将解决方案留在了“魔术”的范围内。深入挖掘我了解到Chrome（以及其他支持自动填充的浏览器）主要依赖于上下文线索来确定应填充到表单元素中的数据类型。此类上下文线索的示例包括输入元素的name，元素周围的文本以及任何占位符文本。
然而，最近，Chrome团队承认这是一个令人不满意的解决方案，他们已经开始在这个问题上迫切需要标准化。来自Google网站站长小组的A very informative post最近讨论了这个问题，并解释了：
不幸的是，到目前为止，网站管理员很难确保Chrome和其他表单填写提供商能够正确解析其表单。存在一些标准;但是他们给网站的实施带来了沉重的负担，所以在实践中并没有太多用处。
（他们所指的“标准”是Avalanchis上面回答中提到的a more recent verion of the spec。）
谷歌的帖子继续描述他们提出的解决方案（在帖子的评论中遭到了极大的批评）。他们建议为此目的使用新属性：
只需在input元素中添加一个属性，例如电子邮件地址字段可能如下所示：
<input type=”text” name=”field1” x-autocompletetype=”email” />
... x-代表“实验性”，如果＆amp;当这成为一个标准。请阅读the post了解详情，或者如果您想深入了解，可以找到有关该提案的更完整说明on the whatwg wiki。
<强>更新
正如这些insightful answers中所指出的，Chrome可用于识别/识别公共字段的所有正则表达式都可以在autofill_regex_constants.cc.utf8中找到。因此，要回答原始问题，请确保您的html字段的名称与这些表达式匹配。一些例子包括：
"first.*name|initials|fname|first$" "last.*name|lname|surname|last$|secondname|family.*name" "e.?mail" "address.*line|address1|addr1|street" "zip|postal|post.*code|pcode|^1z$" 答案 1 :(得分：58)
这个问题很老了，但我有一个 2017年更新答案！
Here's a link to the WHATWG documentation for enabling autocomplete.
Google编写了pretty nice guide用于开发对移动设备友好的网络应用程序。他们有一节介绍如何在表单上命名输入以轻松使用自动填充。虽然它是为移动设备编写的，但这适用于桌面和移动设备！
以下是有关如何启用自动填充功能的一些要点：
<label>个字段使用<input> autocomplete代码中添加<input>属性，然后使用此guide填写。name代码正确命名autocomplete和<input>属性 <强> 实施例 ：
<label for="frmNameA">Name</label>
<input type="text" name="name" id="frmNameA"
placeholder="Full name" required autocomplete="name">
<label for="frmEmailA">Email</label>
<input type="email" name="email" id="frmEmailA"
placeholder="name@example.com" required autocomplete="email">
<!-- note that "emailC" will not be autocompleted -->
<label for="frmEmailC">Confirm Email</label>
<input type="email" name="emailC" id="frmEmailC"
placeholder="name@example.com" required autocomplete="email">
<label for="frmPhoneNumA">Phone</label>
<input type="tel" name="phone" id="frmPhoneNumA"
placeholder="+1-555-555-1212" required autocomplete="tel">
<input>代码要触发自动填充，请确保在name标记中正确命名autocomplete和<input>属性。这将自动允许表单上的自动填充。确保还有一个<label>！也可以找到此信息here。
以下是如何为输入命名：
name 中的任何一个：name fname mname lname autocomplete 中的任何一个：
name（全名）given-name（名字）additional-name（中间名）family-name（姓氏）<input type="text" name="fname" autocomplete="given-name"> name 中的任何一个：email autocomplete 中的任何一个：email <input type="text" name="email" autocomplete="email"> name 中的任何一个：address city region province state zip zip2 postal country autocomplete 中的任何一个：
street-address address-line1 address-line2 address-level1（州或省）address-level2（城市）postal-code（邮政编码）country name 中的任何一个：phone mobile country-code area-code exchange suffix ext autocomplete 中的任何一个：tel name 中的任何一个：ccname cardnumber cvc ccmonth ccyear exp-date card-type autocomplete 中的任何一个：
cc-name cc-number cc-csc cc-exp-month cc-exp-year cc-exp cc-type name 中的任何一个：username autocomplete 中的任何一个：username name 中的任何一个：password autocomplete 中的任何一个：
current-password（用于登录表单）new-password（用于注册和密码更改表单）答案 2 :(得分：38)
从我的测试来看，x-autocomplete标记什么都不做。而是在输入标记上使用autocomplete标记，并根据此处的HTML规范http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#autofill-field设置其值。
示例：
<input name="fname" autocomplete="given-name" type="text" placeholder="First Name" required>
父表单标记需要autocomplete =“on”和method =“POST”。
答案 3 :(得分：5)
答案 4 :(得分：2)
看起来我们可以更好地控制此自动填充功能，Chrome Canary会有一个新的实验性API，可以在询问用户之后用于访问数据：
http://www.chromium.org/developers/using-requestautocomplete http://blog.alexmaccaw.com/requestautocomplete
谷歌的新信息：
http://googlewebmastercentral.blogspot.de/2015/03/helping-users-fill-out-online-forms.html
答案 5 :(得分：1)
我刚刚玩了规范并获得了一个很好的工作示例 - 包括更多的字段。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<form autocomplete="on" method="POST">
<fieldset>
<legend>Ship the blue gift to...</legend>
<p>
<label> Firstname:
<input name="fname" autocomplete="section-blue shipping given-name" type="text" required>
</label>
</p>
<p>
<label> Lastname:
<input name="fname" autocomplete="section-blue shipping family-name" type="text" required>
</label>
</p>
<p>
<label> Address: <input name=ba
autocomplete="section-blue shipping street-address">
</label>
</p>
<p>
<label> City: <input name=bc
autocomplete="section-blue shipping address-level2">
</label>
</p>
<p>
<label> Postal Code: <input name=bp
autocomplete="section-blue shipping postal-code">
</label>
</p>
</fieldset>
<fieldset>
<legend>Ship the red gift to...</legend>
<p>
<label> Firstname:
<input name="fname" autocomplete="section-red shipping given-name" type="text" required>
</label>
</p>
<p>
<label> Lastname:
<input name="fname" autocomplete="section-red shipping family-name" type="text" required>
</label>
</p>
<p>
<label> Address: <input name=ra
autocomplete="section-red shipping street-address">
</label>
</p>
<p>
<label> City: <input name=bc
autocomplete="section-red shipping address-level2">
</label>
</p>
<p>
<label> Postal Code: <input name=rp
autocomplete="section-red shipping postal-code">
</label>
</p>
</fieldset>
<fieldset>
<legend>payment address</legend>
<p>
<label> Firstname:
<input name="fname" autocomplete="billing given-name" type="text" required>
</label>
</p>
<p>
<label> Lastname:
<input name="fname" autocomplete="billing family-name" type="text" required>
</label>
</p>
<p>
<label> Address: <input name=ra
autocomplete="billing street-address">
</label>
</p>
<p>
<label> City: <input name=bc
autocomplete="billing address-level2">
</label>
</p>
<p>
<label> Postal Code: <input name=rp
autocomplete="billing postal-code">
</label>
</p>
</fieldset>
<input type="submit" />
</form>
</body>
</html>
它包含2个独立的地址区域和不同的地址类型。 在iOS 8.1.0上也进行了测试，它似乎总是一次填满所有字段，而桌面chrome自动填充地址按地址填写。
答案 6 :(得分：0)
这是真正的答案：
此作品有效：http://jsfiddle.net/68LsL1sq/1/ <label for="name">Nom</label>
这不是：http://jsfiddle.net/68LsL1sq/2/ <label for="name">No</label>
唯一的区别在于标签本身。 “Nom”来自葡萄牙语中的“Name”或“Nome”。
所以这就是你需要的：
<label for="id_of_field">Name</label> <input id="id_of_field"></input> 没有更多。
答案 7 :(得分：0)
Google现在提供以下文档：
Help users checkout faster with Autofill | Web | Google Developers
和
Create Amazing Forms: Use metadata to enable auto-complete | Web | Google Developers
答案 8 :(得分：0)
以下是Google自动填充新名单＆＃34;名称＆＃34;。任何允许的语言都支持所有支持的名称。
答案 9 :(得分：-1)
就我而言，$('#EmailAddress').attr('autocomplete', 'off');不起作用。
但是下面的内容适用于jQuery的Chrome版本67。
$('#EmailAddress').attr('autocomplete', 'new-email');
$('#Password').attr('autocomplete', 'new-password');