如何禁止文本框的记忆功能方法集锦

然而做为网站开发者来说, 并不希望什么资料都记忆在用户的电脑上(如银行帐号和其它重要的帐号及密码), 但是我们又不能要求用户禁用自动完成的功能. 幸好IE5.0后为 INPUT type=password, INPUT type=text, FORM 等控件加入了一个 AUTOCOMPLETE的属性，要禁止控件自动完成功能，只需把AUTOCOMPLETE设为off即可，如:

整个表单禁止自动完成

代码如下:

<FORM method=post action="submit.asp" AUTOCOMPLETE="OFF">

禁止文本框自动完成

代码如下:

<input type="text" name="creditcard" maxlength="16" AUTOCOMPLETE="OFF">

在脚本中禁止自动完成

代码如下:

function init()
{
    element.setAttribute("AutoComplete", "off");
}

另外，如果要禁止文本框使用输入法，可以把在它的样式中添加 ime-mode : disabled 即可，但是这样并不能禁止输入汉字，因为用户还是可以通过复制粘贴输入汉字的.如：

代码如下:

<input type=text style="ime-mode: disabled ; ">

微软的.NET PASSPORT 就是这样实现的，但是因该还会有其它的方法，因为在YAHOO 和 GMAIL的实现方法就不一样。

.NET中TextBox 控件有什么新鲜内容？嗯！有个看似很小但却常带来困扰的小“改良”，就是“自动完成”（AutoComplete）。何谓自动完成呢？也就是 TextBox会记忆用户曾经输入过的文字，当下次再输入时就会自动提示相关字词，最常见的是用户登录网站时就会自动带出帐号密码。

这个功 能在最早被发明时大家觉得很方便很好用，但随着信息安全意识的加强，这个功能有时不但不讨人喜欢，反而有点令人厌恶，为什么呢？现在无论是在家中、网吧还 是公司，多人共享一台计算机的机会很多，而也是由于TextBox的自动完成在作祟的缘故，他人要看你的E-mail甚至假借您的帐号登录网页并非难事， 只要在TextBox中选取你的帐号后，密码通常会一并自动带出。

关于这个恼人的问题，我接连被朋友问道该如何解决。在ASP.NET 2.0的TextBox控件内置的AutoCompleteType属性可以轻易解决这个问题，只要将TextBox的AutoCompleteType 设置为“Disable”后，自动完成提示便完全不会出现了。

赞 (0)

相关推荐

  • 文本框回车提交与禁止提交示例

    复制代码 代码如下: <input type="text" name="serch" id="serch" value="请输入意向楼盘或客户姓名或手机号码进行查询" onfocus="if(this.value=='请输入意向楼盘或客户姓名或手机号码进行查询'){this.value=''};" onblur="if(this.value==''){this.value='请输入意向楼盘或

  • 文本框中禁止非数字字符输入比如手机号码、邮编

    在工作中,总是遇到很多禁止非数字字符输入的文本框,比如手机号码了 邮编了 复制代码 代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"> &l

  • 文本框只能选择数据到文本框禁止手动输入

    今天在醒目中碰到了一个问题.文本框只能上人家选择数据进去.不能手动输入.查了资料.最后解决如下. 页面代码: 复制代码 代码如下: <asp:TextBox ID="txtcategory" readonly="true" Width="300" CssClass="txt" runat="server"></asp:TextBox> 脚本(在给文本框赋值的时候使用): 复制代码 代

  • 如何禁止文本框的记忆功能方法集锦

    然而做为网站开发者来说, 并不希望什么资料都记忆在用户的电脑上(如银行帐号和其它重要的帐号及密码), 但是我们又不能要求用户禁用自动完成的功能. 幸好IE5.0后为 INPUT type=password, INPUT type=text, FORM 等控件加入了一个 AUTOCOMPLETE的属性,要禁止控件自动完成功能,只需把AUTOCOMPLETE设为off即可,如: 整个表单禁止自动完成 复制代码 代码如下: <FORM method=post action="submit.asp

  • JS给Textarea文本框添加行号的方法

    JS给Textarea文本框添加行号的方法

    本文实例讲述了JS给Textarea文本框添加行号的方法.分享给大家供大家参考.具体如下: 这里使用JS实现让Textarea文本框显示行号的功能,每一行的前面都会有下数字序号,如果用来显示代码的话,可以直接找到某一行,如果不显示行号,则还要自己手功去查,想要此功能,你只需设置好TextArea ID,并加入代码中的JavaScript代码部分即可,文本框的长宽则是由CSS来控制的,你可试着修改一下,长宽的显示要与JS相匹配. 运行效果截图如下: 在线演示地址如下: http://demo.jb

  • js显示文本框提示文字的方法

    本文实例讲述了js显示文本框提示文字的方法.分享给大家供大家参考.具体实现方法如下: <!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"> <

  • javascript限制文本框输入值类型的方法

    本文实例讲述了javascript限制文本框输入值类型的方法.分享给大家供大家参考.具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入: 重点是我希望在用户输入时就做限制,而不是提交时判断--也就是说如果用户在文本框内输入数字或小数点,可以正常输入:如果输入字母等非数字字符,则文本框会没有任何反应,不会显示输入的字符. <html> <body> <script> var s = "<input type=\"te

  • jQuery实现文本框输入同步的方法

    本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助.

  • JQuery中使文本框获得焦点的方法实例分析

    本文实例分析了JQuery中使文本框获得焦点的方法.分享给大家供大家参考.具体分析如下: 由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0].focus(); 需要注意两个函数之间的区别: $("#id").focus(); $("#id")[0].focus(); 第一个是增加

  • jQuery设置和移除文本框默认值的方法

    本文实例讲述了jQuery设置和移除文本框默认值的方法.分享给大家供大家参考.具体分析如下: 开始时,文本框设定一个默认值.当光标移动到文本框时,如果文本框当前值是默认值,那么清空:离开文本框时,文本框值如果为空,那么将文本框值设置为默认值. 代码如下: $(document).ready(function() { //each遍历文本框 $(".input").each(function() { //保存当前文本框的值 var vdefault = this.value; $(thi

  • jQuery+php实时获取及响应文本框输入内容的方法

    本文实例讲述了jQuery+php实时获取及响应文本框输入内容的方法.分享给大家供大家参考,具体如下: 该程序能够查出可用余额: HTML部分: <input type="text" name="username" id="username" onkeyup="search_func(this.value);" /> <em id="mfee"></em> jquery部

  • jQuery简单设置文本框回车事件的方法

    本文实例讲述了jQuery简单设置文本框回车事件的方法.分享给大家供大家参考,具体如下: $(document).ready(function () { $("#txt_JumpPager").keydown(function (e) { var curKey = e.which; if (curKey == 13) { $("#lbtn_JumpPager").click(); return false; } }); }); 其中的txt_JumpPager为文本

  • jQuery实现批量判断表单中文本框非空的方法(2种方法)

    本文实例讲述了jQuery实现批量判断表单中文本框非空的方法.分享给大家供大家参考,具体如下: 方法一: <script type="text/javascript"> /* * 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function(){ if($(this).val() == ''){ alert("该项不可为空!"); $(th

随机推荐