禁止浏览器记录 文本框之前输入过的内容
2018-02-05 11:40
225 查看
当满足以下2个条件时,浏览器会自动记录输入过的值,当用户再次输入的时候就能自动完成;
1:input标签在form标签下;
2:点击了此form标签下的submit按钮;
具体的表现形式如下图,浏览器自动显示输入过的值后会遮挡到下面的验证码,对于我这种记性差到即便只有这4个数字都懒得记,非要边看着验证码边输入的人是无法忍受的;额;好吧;我承认记性是躺枪的,主要是懒;
如果说验证码这个示例你能忍受的话;那么下面这张图肯定是无法忍的了;这个搜索框有一个ajax 事件,当输入内容后会发送异步请求搜索商品,但是浏览器的自动显示的输入记录就会遮挡后边的搜索结果;
解决这个情况的方法是为input标签添加autocomplete属性并设为off
[html] view
plain copy
<input class="text" autocomplete="off" type="text" name="word" value="输入商品名称">
顺便介绍下autocomplete;
autocomplete是HTML5 中的新属性它规定表单是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
1:input标签在form标签下;
2:点击了此form标签下的submit按钮;
具体的表现形式如下图,浏览器自动显示输入过的值后会遮挡到下面的验证码,对于我这种记性差到即便只有这4个数字都懒得记,非要边看着验证码边输入的人是无法忍受的;额;好吧;我承认记性是躺枪的,主要是懒;
如果说验证码这个示例你能忍受的话;那么下面这张图肯定是无法忍的了;这个搜索框有一个ajax 事件,当输入内容后会发送异步请求搜索商品,但是浏览器的自动显示的输入记录就会遮挡后边的搜索结果;
解决这个情况的方法是为input标签添加autocomplete属性并设为off
[html] view
plain copy
<input class="text" autocomplete="off" type="text" name="word" value="输入商品名称">
顺便介绍下autocomplete;
autocomplete是HTML5 中的新属性它规定表单是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
值 | 描述 |
---|---|
on | 默认。规定启用自动完成功能。 |
off | 规定禁用自动完成功能。 |
相关文章推荐
- 禁止浏览器记录 文本框之前输入过的内容
- 禁止浏览器记录文本框之前输入过的内容
- 禁止浏览器记录 文本框之前输入过的内容
- 禁止浏览器记录 文本框之前输入过的内容
- input 的属性autocomplete 默认为on 其含义代表是否让浏览器自动记录之前输入的值 很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到 可以在input中加入a
- 清除浏览器自动记录之前输入的值
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- jsp 文本框不可编辑,禁止文本框的输入,JSP页面中的文本框只显示内容,而用户无法修改
- tiptop文本框实时监测输入的内容
- textarea自动换行,且文本框根据输入内容自适应高度
- 两种方法实现文本框输入内容提示消失
- 修改文本框属性使之用户禁止输入文本
- 记录文本框内容的动态变化
- C# Winform 用正则让文本框只能输入数字及格式化文本内容
- 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
- 输入内容自动完成文本框(AutoCompleteTextView )
- 键盘输入时校验文本框内容~·不定时更新内容^_^
- 如何禁止在文本框中输入中文
- 文本框只能输入特定内容如文本框只能输入数字
- php禁止直接从浏览器输入地址访问.php文件的方法