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