vue pc 禁止记住密码
时间: 2023-09-21 15:12:03 浏览: 53
要禁止在vue pc应用中记住密码,可以使用以下方法:
1. 添加多余的账号密码框来顶替被自动填充的输入框,将其设为不显示。这样可以破坏自动填充的识别策略。确保替代填充的输入框放在原来被填充的输入框前面,并且类型为text和password,顺序不能错。示例代码如下:
```html
<form>
<!-- 用来被顶替自动填充的输入框 -->
<input type="text" style="display:none" />
<input type="password" style="display:none" />
<!-- 页面中需要显示且不希望被填充的输入框 -->
<input type="text" />
<input type="password" />
</form>
```
2. 修改输入框的类型,破坏自动填充的识别策略。可以将第一个输入框的类型改为其他非text类型,比如email或number。这样浏览器就无法识别该输入框为用户名输入框,从而不会自动填充密码。示例代码如下:
```html
<form>
<input type="email" />
<input type="password" />
</form>
```
这些方法可以帮助阻止浏览器自动填充密码,在vue pc应用中禁止记住密码。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [PC端浏览器自动填充账号密码输入框问题该如何解决?](https://blog.csdn.net/qq_40868156/article/details/125478556)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [vue中使用sessionStorage记住密码功能](https://download.csdn.net/download/weixin_38547532/12954983)[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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]