autocomplete="off" 没有效果
时间: 2023-07-06 22:17:39 浏览: 58
如果 `autocomplete="off"` 属性没有生效,可能是由于浏览器的自动填充功能覆盖了这个属性。你可以使用以下方法来解决这个问题:
1. 将 `autocomplete` 属性设置为随机的字符串,例如 `autocomplete="new-password"`。
2. 在输入框中添加 `readonly` 属性,这样浏览器就不会自动填充数据。
3. 使用 JavaScript 在页面加载时清空输入框的值,例如:
```javascript
window.onload = function() {
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++) {
inputs[i].value = '';
}
}
```
以上是一些常见的解决方案,如果还有问题,请提供更多的详细信息,我会尽力帮助你。
相关问题
el-input type="password" autocomplete="off" 不起效果,还是会默认加载浏览器缓存密码填充
如果你使用的是 Chrome 浏览器,可以尝试在 input 标签中添加 `autocomplete="new-password"` 属性,这样浏览器就不会自动填充密码。如果还是不起作用,可以在 input 标签外面套一个 form 标签,并设置 `autocomplete="off"`属性。例如:
```html
<form autocomplete="off">
<el-input type="password" autocomplete="new-password"></el-input>
</form>
```
这样就可以禁用浏览器的密码自动填充功能了。但需要注意的是,某些浏览器可能不支持 `autocomplete="new-password"` 属性。
el-input autocomplete
`el-input` 是饿了么UI库(Element UI)提供的一个输入框组件,用于接收用户的文本输入。
`autocomplete` 是 `el-input` 组件的一个属性,用于设置输入框的自动完成功能。当 `autocomplete` 属性被设置为 `off` 时,表示禁用自动完成功能;当设置为 `on` 时,表示启用自动完成功能。
例如,下面是一个使用 `el-input` 组件并启用自动完成功能的示例:
```vue
<template>
<el-input v-model="inputValue" autocomplete="on"></el-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
}
};
</script>
```
在上面的示例中,我们通过 `v-model` 指令将输入框的值与组件实例的 `inputValue` 数据属性进行双向绑定。同时,我们设置了 `autocomplete` 属性为 `"on"`,以启用自动完成功能。
请注意,自动完成的具体行为和效果可能因浏览器和操作系统的不同而有所差异。在某些浏览器中,自动完成功能可能会根据用户的输入历史或提供预测性建议。