首页 > 其他分享 >取消input默认提示框

取消input默认提示框

时间:2023-01-09 11:23:31浏览次数:37  
标签:这个 浏览器 默认 输入框 input 提示框 下拉框 属性

在使用input输入框过程中,一般都会都自动保存记忆这个功能,双击的时候之前输入的内容会在下拉框自动提示。如果不想要这个功能,加一句代码就可以了。

autocomplete="off",这是H5的一个属性。

<input type="text" name="xxx" class="demo" autocomplete="off" placeholder="这个功能已经被取消了。"/>常用浏览器都支持

火狐下你会发现这个属性无效,这个时候就要换这个属性:disableautocomplete

google的话用法稍微有点不同,他不是针对某一个input框禁用这个下拉框提示,而是用在form上,整个表单中都禁用。

如果还不行,可以换成autocomplete='new-password',这个用法没有找到具体出处,理由是168邮箱登录代码里面看到这么用。

如果以上方式 都不管用,就用最后一招,在输入框之前写上两种类型的input输入框,text和password类型的,同时隐藏,因为这样做是用来欺骗浏览器的,因为浏览器的这种行为会导致你的属性全部失效,所以两个隐藏的input可以骗过浏览器,算是一个取巧的办法。

<input type="text" style="display: none;">
<input type="password" style="display: none;">

标签:这个,浏览器,默认,输入框,input,提示框,下拉框,属性
From: https://www.cnblogs.com/aleng1106/p/17036462.html

相关文章