HTML 参考手册

HTML 标签大全

HTML: <form> autocomplete 属性

autocomplete属性指定表单应启用还是禁用自动完成功能,启用autocomplete 功能后,浏览器会根据用户之前输入的值自动完成填写。

 HTML <form> 标签

在线示例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <form> autocomplete 属性使用-基础教程(nhooo.com)</title>
</head>
<body>
<form action="action_page.php" method="get" autocomplete="on">
  First name:<input type="text" name="fname"><br>
  E-mail: <input type="email" name="email"><br>
  <input type="submit">
</form>
<p>填写并提交表单,然后重新加载页面,再次开始填写表单-并查看autocomplete 的工作原理。然后,尝试将autocomplete 功能设置为“关闭”。</p>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

定义和用法

autocomplete属性指定表单应启用还是禁用自动完成功能。
启用autocomplete 功能后,浏览器会根据用户之前输入的值自动完成填写。
提示:可以将表单的“自动完成”设置为“ on”,将特定的输入字段的自动完成设置为“ off”,反之亦然。

HTML 4.01 与 HTML5之间的差异

autocomplete 属性是 HTML5 中的新属性。

语法

<form autocomplete="on|off">

属性值

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