autocomplete="on"
时间: 2023-11-11 12:57:07 浏览: 37
autocomplete="on"是HTML5中的一个属性,用于指定输入字段是否启用自动完成功能。当设置为"on"时,浏览器会提供一些预测或建议给用户来帮助他们填写输入字段。这个属性可以应用于<input>、<textarea>和<form>元素。
例如,在使用element-ui框架的情况下,如果想要启用自动完成功能,可以在<input>元素上添加auto-complete="on"属性。
下面是一个示例代码,展示了如何使用autocomplete属性:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>autocomplete属性的使用</title>
</head>
<body>
<form id="formBox" autocomplete="on">
用户名: <input type="text" id="autofirst" name="autofirst"/><br/><br/>
昵 称: <input type="text" id="autosecond" name="autosecond"/><br/><br/>
<input type="submit" value="提交" />
</form>
</body>
</html>
相关问题
autocomplete=
autocomplete属性用于指定表单或输入字段是否启用自动完成功能。它有以下几个值:
- on:默认值,表示启用自动完成功能。
- off:表示禁用自动完成功能。
- new-password:表示输入密码时禁用自动完成功能,以防止浏览器记住密码。
以下是一个示例,展示如何在HTML中使用autocomplete属性:
```html
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" autocomplete="off"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" autocomplete="new-password"><br><br>
<input type="submit">
</form>
```
在上面的示例中,用户名字段禁用了自动完成功能,而密码字段禁用了自动完成功能并防止浏览器记住密码。
autocomplete="off"为啥不生效呢
autocomplete="off"不生效的原因是因为浏览器内部也会默认开启一个输入字段后自动补全的功能。即使将autocomplete值设为off,在某些情况下仍会失效。为了解决这个问题,可以将该属性赋一个除on或off之外的任意值,例如autocomplete="new-pwd"。这样可以绕过浏览器的默认设置,确保autocomplete属性生效。\[1\]另外,还有一种方法是在input框中设置autocomplete="new-password",虽然官方只有"on"和"off"两个值,但是"new-password"在一些网站上也被使用,并且经过测试是有效的。\[2\]总之,为了确保autocomplete="off"生效,可以尝试使用这些方法来绕过浏览器的默认设置。\[3\]
#### 引用[.reference_title]
- *1* [autocomplete="off" 不生效的解决方法](https://blog.csdn.net/MrLiber/article/details/83214232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [autocomplete=“off“‘不起作用解决方案](https://blog.csdn.net/baidu_39812199/article/details/112218582)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* ['autocomplete="off"'在Chrome中不起作用解决方案](https://blog.csdn.net/weixin_34520360/article/details/117840063)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]