禁止浏览器记录文本框之前输入过的内容

当满足以下2个条件时，浏览器会自动记录输入过的值，当用户再次输入的时候就能自动完成；

1：input标签在form标签下；

2：点击了此form标签下的submit按钮；

具体的表现形式如下图，浏览器自动显示输入过的值后会遮挡到下面的验证码，对于我这种记性差到即便只有这4个数字都懒得记，非要边看着验证码边输入的人是无法忍受的；额；好吧；我承认记性是躺枪的，主要是懒；

如果说验证码这个示例你能忍受的话；那么下面这张图肯定是无法忍的了；这个搜索框有一个ajax 事件，当输入内容后会发送异步请求搜索商品，但是浏览器的自动显示的输入记录就会遮挡后边的搜索结果；

解决这个情况的方法是为input标签添加autocomplete属性并设为off

<input class="text" autocomplete="off" type="text" name="word" value="输入商品名称">

顺便介绍下autocomplete；

autocomplete是HTML5 中的新属性它规定表单是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

值	描述
on	默认。规定启用自动完成功能。
off	规定禁用自动完成功能。

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com

时间： 2024-12-10 19:51:24

禁止浏览器记录文本框之前输入过的内容的相关文章

用Jquery控制文本框只能输入数字和字母

只为成功找方法,不为失败找借口! 用Jquery控制文本框只能输入数字和字母在公司开发WinForm项目时,发现公司自主研发的textbox控件非常强大,可以实现"只能输入数字"."只能输入字母"和"只能输入数字和字母"的三种输入限制,这样就可以精确控制用户输入的内容范围,让"用户永远没有办法输入限定的内容范围之外的其他内容",也就是"用户即使想犯错误也没有机会",这种限制控件输入的方式给了我很大的启发,

对文本框的输入限制

以前经常在一些网站上注册,但是经常存在一些问题,比如你好不容易把一大堆注册的信息填写好了,然后点击提交,结果弹出个对话框,告诉你哪哪不对,或者说输入了非法字符,然后让你把写错的更改过来,这是好点的,不好的让你都重新写一遍,还有的因为用户名已经被注册,然后返回去让你重新填写用户名,然后原来的某些信息也得重新写一遍,这就特别烦人,我们可不能那么设计啊. 我觉得最好的办法,是在用户输入的时候,通过文本的change事件,只要输错了一个字符,就立即禁止继续输入,直到等到用户输入正确的信息为止,这样就能避

replace限制文本框只能输入数字，数字和字母等的正则表达式

1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')" onafterpas

java+selenium+new——文本框的输入、清空——按钮的单击

package rjcs; import org.openqa.selenium.firefox.FirefoxDriver; public class xinkaishi { public static void main(String[] args) { System.setProperty("webdriver.firefox.bin","C:\\Program Files (x86)\\Mozilla Firefox\\firefox.exe"); //设置

js文本框只能输入数字，

1,文本框只能输入数字代码(小数点也不能输入) 复制代码代码示例: <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2,只能输入数字,能输小数点. 复制代码代码示例: <input onkeyup="if(isNaN(value))execCommand('und

文本框只能输入数字(兼容IE火狐)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

用javascript实现控制一个文本框的输入字数限制，超出字数限制文本框飘红显示-面试题

用javascript实现控制一个文本框的输入字数限制,超出字数限制文本框飘红显示. html <textarea name="" id="text" cols="30" rows="10" maxLength=10></textarea><br> <span id="span"></span> javascript var str = docum

JavaScript实现在页面上的文本框中输入小写字母自动变为大写字母

silverlight 文本框只能输入汉字

private void txtName_KeyDown(object sender, KeyEventArgs e) { Regex rg = new Regex("^[\u4e00-\u9fa5\b]$"); //\b是退格键 if (!rg.IsMatch(e.Key.ToString())) { e.Handled = true; } if (txtName.Text.Length >= 20) { txtName.Text = txtName.Text.Substrin

禁止浏览器记录 文本框之前输入过的内容

禁止浏览器记录 文本框之前输入过的内容的相关文章

禁止浏览器记录文本框之前输入过的内容

禁止浏览器记录文本框之前输入过的内容的相关文章