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>
广告
数据结构
网络
关系数据库管理系统
操作系统
Java
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP