这个问题很老了，但我有一个更新的答案！

这是 WHATWG 文档的链接，用于启用自动完成功能。

Google为开发对移动设备友好的 Web 应用程序编写了一个非常好的指南。他们有一节介绍如何命名表单上的输入以轻松使用自动填充。尽管它是为移动设备编写的，但这适用于桌面和移动设备！

如何在 HTML 表单上启用自动完成

以下是有关如何启用自动完成功能的一些要点：

• 将 a<label>用于所有<input>字段

• autocomplete*为您的标签**添加一个属性*<input>并使用本指南进行填写。

• 为所有标签正确命名您的name和autocomplete属性<input>

• *示例*：

```html
Name

Email
placeholder="name@example.com" required autocomplete="email">

Confirm Email
placeholder="name@example.com" required autocomplete="email">

Phone

```

如何命名您的<input>标签

为了触发自动完成，请确保正确命名标签中的name和autocomplete属性。<input>这将自动允许在表单上自动完成。确保也有一个<label>！也可以在此处找到此信息。

以下是如何命名您的输入：

• 姓名

• 将这些中的任何一个用于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（用于注册和密码更改表格）