如何在 HTML 中使用自动完成属性?
htmlweb developmentfront end technology
autocomplete 属性用于表单元素,用于设置自动完成功能的开启或关闭。如果自动完成功能处于开启状态,浏览器将根据用户之前在字段中输入的内容自动显示值。
autocomplete 功能处于关闭状态,浏览器将不会根据用户之前在字段中输入的内容自动显示值。
以下是属性值 −
| S. No | 属性值 | 描述 |
|---|---|---|
| 1 | on | 这是默认值。浏览器会根据用户之前输入的内容自动补全值。 |
| 2 | off | 浏览器不会根据用户之前输入的内容自动补全值。用户必须手动输入值。 |

您可以尝试运行以下代码来了解如何在 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>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/

