html 输入框 取消,取消input默认提示框

当我们写前端搜索框的时候并没有用前端框架 利用Ajax 技术查询 并与自定义div结合 这时候会遇到 input 有默认的提示框 提示框主要负责 提示之前input的输入记录

所以 此时 需要我们将 原生的 input 框取消

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

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

常用浏览器都支持

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

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

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

或者将上面的方法结合JS 代码一起使用

645b1eb5f486

image.png

645b1eb5f486

image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值