HTML <input> 标签的 autocomplete 属性 详解
HTML基础 2022-06-02 12:02:22小码哥的IT人生shichen
HTML <input> 标签的 autocomplete 属性
实例
启用自动完成功能的表单（其中一个输入字段禁用了自动完成）：
<form action="demo_form.asp" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
完整实例【亲自试一试】：
<!DOCTYPE HTML>
<html>
<body>
<form action="/demo/demo_form.php" method="get" autocomplete="on">
First name:<input type="text" name="fname" /><br />
Last name: <input type="text" name="lname" /><br />
E-mail: <input type="email" name="email" autocomplete="off" /><br />
<input type="submit" />
</form>
<p>填写并提交表单，然后重新加载该页面，看看自动完成功能是如何工作的。</p>
<p>注意，表单的自动完成功能是打开的，但是 e-mail 字段的自动完成功能是关闭的。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
autocomplete 属性规定输入字段是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。
注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, password, datepickers, range 以及 color。
提示：在某些浏览器中，您可能需要手动启用自动完成功能。
HTML 4.01 与 HTML 5 之间的差异
autocomplete 属性是 HTML5 中的新属性。
语法
<input autocomplete="value">
属性值
| 值 | 描述 |
|---|---|
| on | 默认。规定启用自动完成功能。 |
| off | 规定禁用自动完成功能。 |
