HTML: <input> autocomplete 属性

由网友 大卫 发布 阅读 10

HTML: <input> autocomplete 属性

autocomplete属性指定是否应启用输入字段的自动完成功能。​自动完成功能使浏览器可以预测值。当用户开始输入字段时,浏览器应根据较早键入的值显示用于填写字段的选项。

 HTML <input> 标签

在线示例

自动完成功能打开(并在一个输入字段关闭)的HTML表单:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<input> autocomplete 属性 - 大卫编程网(div.cn)</title>
<body>
<form action="action_page.php" 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>
</body>
</html>
测试看看 ‹/›
填写并提交表单,然后重新加载页面以查看自动完成的工作方式。
请注意,表单的自动完成功能为“开”,而电子邮件字段的自动完成功能为“关”。

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 autocomplete 属性。

提示:在某些浏览器中,您可能需要激活自动完成功能才能起作用(请在浏览器菜单的“首选项”下查看)。

定义和用法

autocomplete属性指定是否应启用输入字段的自动完成功能。

自动完成功能使浏览器可以预测值。当用户开始输入字段时,浏览器应根据较早键入的值显示用于填写字段的选项。

注意:autocomplete 属性适用于下面的 <input> 类型:text、search、url、tel、email、password、datepickers、range 和 color。

HTML 4.01 与 HTML5之间的差异

autocomplete 属性是 HTML5 中的新增属性。

语法

<input autocomplete="on|off">

属性值

描述
on默认。规定启用自动完成功能。
off规定禁用自动完成功能。
 HTML <input> 标签

HTML: <input> autofocus 属性 HTML: <input> alt 属性