如何指定 HTML 中 <form> 或 <input> 元素是否启用自动完成功能?

htmlweb developmentfront end technology更新于 2024/7/28 10:20:17

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

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

以下是属性值 −

S. No
属性值
描述
1
On
这是默认值。浏览器会根据用户之前输入的内容自动补全值。
2
Off
浏览器不会根据用户之前输入的内容自动完成值。用户必须手动输入值。

您可以尝试运行以下代码来了解如何在 HTML 中使用自动完成属性。要检查以下代码的运行效果,请在输入框中输入一些值,然后点击"提交"。之后,再次填写字段并运行代码,这样在字段中输入值时,您就可以看到自动完成的值。这是针对值的自动完成功能。

示例

您可以尝试运行以下代码来指定 HTML 中是否应启用 <form> 或 <input> 元素的自动完成功能。−

<!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>

相关文章


有用资源