HTML5 的自动完成文本输入?


使用 **autocomplete** 属性进行自动完成文本输入。autocomplete 属性用于表单元素,用于启用或禁用自动完成功能。如果自动完成功能开启,浏览器将根据用户之前在该字段中输入的内容自动显示值。

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

以下是属性值:

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


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

对于 autocomplete off 值,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>

更新于:2020-06-25

298 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.