今天为大家介绍一个很实用的html属性,叫 autocomplete 自动完成属性,这个属性可以开启和关闭文本框自动完成的功能,举个例子比如大家登录一个系统的时候刚开始输了一个admin,然后你退出在登录的时候选中文本框的时候就会出现之前已经填写过得内容,有时候你填很多的时候下面会出来一大串,而且对于一些比较注重系统安全的用户来说,他们是不希望给别人看到的。就像我之前做的一个管理文件的系统,客户就要求不要显示那些内容。那我们该如何去掉它,方法如下:

第一可以修改你的浏览器设置,每个浏览器的修改方法不同,我这里对IE浏览器说下使用方法,打开IE浏览器,然后在菜单栏选择 Internet选项->高级 ,然后在下拉的列表中找到 浏览->使用直接插入自动完成功能 ,把前面的勾去掉即可。如下图:
去掉之后你还需要把之前已经存留的信息删除掉,方法就是你鼠标放在你需要删除的名称上时,按键盘上的 Delete 按键就可以了。不过这种方法有点麻烦,如果使用别人的电脑登陆的时候,是不是也得设置一下了,所以个人不推荐这种方法,那么就用代码把它禁用掉。

第二种方法就是使用 autocomplete 属性,这个属性主要用在form(表单)标签上面,代码结构是这样:

<form id="login" name="login" method="post" action="" autocomplete="off">

其中:
autocomplete="off":用来关闭
autocomplete="on": 用来开启

这样就可以把自动完成功能关闭了。

第三种呢,就是使用 jquery-autocomplete 插件,导入这个插件的js文件,然后写上代码

$(function() { $( ".selector" ).autocomplete({ disabled: true }); )}

不过这个插件主要作用是自定义自动完成这个功能的内容。所以为了禁用 这个功能在使用这个插件有点多余了。不过这也是一种方法是吧,所以给大家写出参考,呵呵!

当然了还有第四种方法就是使用ajax提交表单,这个方法叫ajaxSubmit,它是JqueryForm插件的其中一种方法,这个方法有个设置叫 clearform 它可以在你成功登陆后将所有的表单内容清空,使用这个代码时,需要将Jquery库文件以及 Jquery Form 插件的js文件导入进来,然后我们需要用到的代码是:

$(document).ready(function() {
    var options = {
        success:  showResponse,  // 提交成功后返回的方法名称
        clearForm: true,        // 提交成功后清除所有表单内容
        timeout:   3000    //设置超时时间,一般不需要
    };
    $('#myForm2').submit(function() {
        $(this).ajaxSubmit(options);  //通过ID进行表单提交
        return false;
    });
}); 

// 提交成功的返回方法
function showResponse(responseText, statusText, xhr, $form)  {
 //这里填写你返回后需要触发的事件和效果。
 // responseText 就是你返回的值,后面的参数是用于其他方法的,我们给他默认就行。
    alert(状态: ' + statusText + '\n\n返回的值: \n' + responseText);
}

第三种方法可以为我们定义很多Jquer效果,比如我左上方的登录就是用这个方法来做的,大家可以尝试下,可以去这个插件的官网浏览下这方面的内容。因为今天主要为大家介绍的是 html的autocomplete 属性,所以第三种方法的具体事例我就不写出来了。
我会在今后的文章中为大家具体讲解,也希望大家多多关注与订阅。