HTML 5 <form>标签 autocomplete 属性

定义和用法

autocomplete 属性规定表单是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

提示:autocomplete "on" 适用于表单,"off" 适用于特定的输入字段,反之亦然。

浏览器支持

除了 Opera,其他主流浏览器都支持 autocomplete 属性。

HTML 4.01 与 HTML5之间的差异

autocomplete 属性是 HTML5 中的新属性。

语法

<form autocomplete="on|off">

属性值

描述
on 默认。规定启用自动完成功能。浏览器会基于用户之前键入的值自动完成值。
off 规定禁用自动完成功能。用户必须在每次使用时输入值到每个字段中,浏览器不会自动完成输入。

实例

启用自动完成功能的表单:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML form 标签 autocomplete 属性 xinbiancheng.cn</title>
</head>
<body>
<form action="http://www.httpbin.org/get" method="get" autocomplete="on" target="_blank">
  First name:<input type="text" name="fname"><br>
  E-mail: <input type="email" name="email"><br>
  <input type="submit">
</form>
<p>填写并提交表单,然后重载页面,再次填写表格,看看 autocomplete 是如何工作的。</p>
<p>然后,尝试设置 autocomplete 为“off”。</p>
<p><b>注意:</b>除了 Opera,其他主流浏览器都支持 autocomplete 属性。</p>
</body>
</html>

输出:

First name:
E-mail:

填写并提交表单,然后重载页面,再次填写表格,看看 autocomplete 是如何工作的。

然后,尝试设置 autocomplete 为“off”。

注意:除了 Opera,其他主流浏览器都支持 autocomplete 属性。