HTML <form> 标签的 autocomplete 属性 详解
HTML基础 2022-06-02 12:00:59小码哥的IT人生shichen
HTML <form> 标签的 autocomplete 属性
实例
启用自动完成功能的表单：
<form action="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>
完整实例【亲自试一试】：
<!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 中的新属性。
语法
<form autocomplete="on|off">
属性值
| 值 | 描述 |
|---|---|
| on | 默认。规定启用自动完成功能。 |
| off | 规定禁用自动完成功能。 |
