elementui 输入框里面禁止浏览器自动填充用户名密码

可以在elementui的输入框中添加 `autocomplete="off"` 属性来禁止浏览器自动填充用户名密码。例如：

<el-input type="text" placeholder="用户名" autocomplete="off"></el-input>
<el-input type="password" placeholder="密码" autocomplete="off"></el-input>

如果还是不能禁止浏览器自动填充，可以使用一些hack方法，例如在输入框上加上一个隐藏的输入框，让浏览器自动填充到隐藏的输入框中，然后再将隐藏的输入框清空。或者使用一些其他的js库来实现禁止自动填充的功能。

相关问题

密码输入框怎么禁止自动填充密码记录

可以在密码输入框的HTML代码中添加 `autocomplete="new-password"` 属性，这样就可以防止浏览器自动填充密码记录。例如：

<input type="password" name="password" autocomplete="new-password">

如果想要同时禁止自动填充用户名，可以使用 `autocomplete="off"` 属性。但需要注意的是，这个属性会禁止所有自动填充功能，包括表单数据和地址等，因此需要谨慎使用。

如何在VueElementUI框架中禁用Chrome浏览器的自动填充密码功能？

为确保在使用VueElementUI框架时，能够禁用Chrome浏览器的自动填充密码功能，可以采取以下步骤：首先，在Vue模板中设置一个文本类型的输入框，并在适当的时候将其类型切换为密码类型。例如，可以使用`el-input`组件，并根据输入状态动态更改其`type`属性。具体做法是在输入框组件上绑定一个`v-model`，以及一个`input`事件处理器来控制类型切换。当用户开始输入时，检测到输入事件后，将输入框的类型切换为`password`，从而触发Chrome的密码弹窗，允许用户手动输入密码。当用户清空输入框时，再次检测到输入事件，并将输入框的类型恢复为`text`，这样可以清除Chrome自动填充的密码，同时使输入框失去焦点，防止再次自动填充。这种方法不依赖于CSS样式或HTML属性的隐藏，而是利用了Vue的响应式系统和事件监听机制来实现输入类型的安全切换，有效避免了Chrome自动填充带来的安全隐患。如果你希望了解更多关于禁用浏览器自动填充的技巧和深层次的技术实现，建议参考《禁用Chrome自动填充密码：测试有效的解决方案》一文，文中不仅介绍了问题的背景和重要性，还提供了详尽的测试和验证结果，确保方法的实用性和有效性。

参考资源链接：[禁用Chrome自动填充密码：测试有效的解决方案](https://wenku.csdn.net/doc/2rhynpr59d?spm=1055.2569.3001.10343)