HTML5 的自动完成文本输入?


对于自动完成文本输入,请使用 autocomplete 属性。 autocomplete 属性与表单元素一起使用,用于开启或关闭自动完成功能。如果已开启自动完成功能,则浏览器会根据此前用户在此字段中输入的内容自动显示值。

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

以下为属性值 −

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


你可以尝试运行以下代码,了解如何在 HTML 中使用 autocomplete 属性。要检查下方代码的运行情况,在输入类型文本中输入一些值,并单击“提交”。之后,再次填写字段并再次运行代码,这样在字段中输入值时,你可以看到自动完成值。这是针对值进行的自动完成。

对于自动完成off 值,网络浏览器不会根据此前用户输入的内容完成值。

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

更新时间: 2020 年 6 月 25 日

298 次浏览

开启你的 职业精彩旅程

完成课程即可获得认证

开始学习
广告
© . All rights reserved.