最近公司内部的勤怠管理系统进行了一系列改造,主要是改善用户体验方面的。其中一项改进就是引入了一个类似Google搜索提示那样的功能,在输入项目名称时可以给出列表供用户选择。但在某些浏览器下列表框却一直和浏览器的自动完成提示框同时出现,重叠在一起,反而带来更多不便。刚才去帮忙看了一下前台代码,找到了问题所在。原来虽然已经追加了autocomplete = “off”属性,却因为一个莫名其妙的全角空格而没发挥任何作用……
之后关于autocomplete属性,又在网上搜索了一番。从以下几篇文章中获得了些内容:
“AUTOCOMPLETE Attribute | autocomplete Property”
“Using AutoComplete in HTML Forms”
大致归纳一下,收获了以下几点:
1.该属性受制于浏览器设置,可在浏览器中将其全局关闭。
2.对于自动完成机能,浏览器是根据各元素的name或VCARD_NAME属性(DOM)来识别其身份的。这也就是用户名在不同网站间能够互相索引到的原因。
3.该属性起初是IE引入的,可能会遇到浏览器支持问题。不过HTML5已将其列入标准,并且为其提供了default值—on。