如何在
元素中启用HTML自动完成?


使用autocomplete属性可在HTML表单中启用自动完成。autocomplete属性与表单元素一起使用,用于启用或禁用自动完成功能。如果autocomplete功能启用,浏览器将根据用户之前在字段中输入的内容自动显示值。

如果autocomplete功能关闭,浏览器将不会根据用户之前在字段中输入的内容自动显示值。用户必须手动输入值。

属性值如下:

序号
属性值
描述
1
on
这是默认值。浏览器根据用户之前输入的内容自动完成值。
2
off
浏览器不会根据用户之前输入的内容自动完成值。用户必须键入值。

您可以尝试运行以下代码,学习如何在HTML中使用autocomplete属性。要检查运行以下代码,请在文本输入类型中输入一些值,然后单击“提交”。之后再次填写字段并再次运行代码,以便在字段中键入值时,您可以看到自动完成的值。这是针对autocomplete on值。

示例

您可以尝试运行以下代码,以指定<form>或<input>元素是否应在HTML中启用自动完成:

<!DOCTYPE html>
<html>
   <head>
      <title>HTML textarea Tag</title>
   </head>
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get" autocomplete="on">
         Full Name
         <br>
         <input type = "text" name = "fname">
         <br>
         <input type = "submit" value = "submit" />
      </form>
   </body>
</html>

更新于:2020年6月24日

浏览量:113

启动您的职业生涯

完成课程获得认证

开始学习
广告