如何在 HTML 中使用自动完成属性?

htmlweb developmentfront end technology

autocomplete 属性用于表单元素,用于设置自动完成功能的开启或关闭。如果自动完成功能处于开启状态,浏览器将根据用户之前在字段中输入的内容自动显示值。

autocomplete 功能处于关闭状态,浏览器将不会根据用户之前在字段中输入的内容自动显示值。

以下是属性值 −

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

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

示例

对于关闭自动完成的情况,Web 浏览器将不会根据用户之前输入的内容完成值。

<!DOCTYPE html>
<html>
   <head>
      <title> HTML autocomplete attribute</title>
   </head>
   <body>
      <form action = "" method = "get" autocomplete="on">
         Details:<br><br>
         Student Name<br><input type = "name" name = "sname"><br>
         Training week<br><input type = "week" name = "week"><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

相关文章


有用资源