取消input默认提示框
2017-03-22 12:21
302 查看
在使用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;">
下面是我的页面代码截图,因为我们后台是C#,所以我的form表单的属性是在下面用js添加进去的。
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;">
下面是我的页面代码截图,因为我们后台是C#,所以我的form表单的属性是在下面用js添加进去的。
相关文章推荐
- input默认提示取消
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- input文本框默认提示
- input输入框为空时,添加默认提示jquery插件(转载)
- 金蝶K3录单时物料的仓库和默认仓库不一致给予提示,取消该提示框
- 在vue组件的stylus样式总 取消search类型的input按钮中默认样式
- 取消chrome浏览器下input和textarea的默认样式;html5默认input内容清除“×”按钮去除办法
- 取消chrome浏览器下input和textarea的默认样式
- 分析:input表单输入框默认提示信息(较好的js样式)
- css取消input、select默认样式(手机端)
- HTML 禁止显示input默认提示信息
- <input/>标签中默认提示文字
- 取消chrome浏览器下input和textarea的默认样式
- 取消chrome浏览器下input和textarea的默认样式
- 分析:input表单输入框默认提示信息
- 修改Input中Placeholder默认提示颜色(兼容)
- 取消 “是否把IE8设置为默认浏览器提示" 提示
- JS 中改变confirm默认按钮提示“确定""取消"
- CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
- input图片上传取消默认样式