pengornis 2012-07-19
一,去掉Firefox输入框(input)记忆。
Firefox输入框(input)有自动记忆功能,该功能会在表单提交后自动记忆输入框输入过的数据,当你再次在输入框中输入数据时,被记忆过的数据会在该输入框下自动给出提示。
我们在实现补全提示功能时,Firefox输入框(input)的自动记忆提示信息会浮动在我们代码实现的补全提示框上,这样会遮挡住我们实现的补全提示信息。解决此问题就是会给输入框(Input)元素添加autocomplete属性,且值设为off。这样就可以去掉火狐输入框(input)自动记忆功能。autocomplete属性是非标准的,首先在IE5中加入,后其它浏览器都支持。html5也将其列表标准。
<input type="text" autocomplete="off"/>
解决案例:我们可以查看百度,google的搜索输入框源码,当中加入了autocomplete="off"属性设置。
但Firefox中有个Bug。首次提交后,FF会提示是否记住某网站的密码,点击“记住”后input[type=text]设置autocomplete="off"将不起作用。
<form name="myform" action="http://xmong.iteye.com"> <input type="text" name="search" autocomplete="off"/> <input type="password" name="password"/> <input type="submit" value="submit"/> </form>
解决该问题有两种方法:
1,form中没有input[type=password],autocomplete="off"将起作用
2,去掉form,设置input[type=text]的autocomplete也起作用