当前位置:首页 > 开发 > Web前端 > 前端 > 正文

去除浏览器对表单值的记忆

发表于: 2012-06-19   作者:周凡杨   来源:转载   浏览:
摘要:                                    &n

 

                                        去除浏览器对表单值记忆

 

今天发现一个 WEB 前端问题,页面中有两个 Radio ,默认是选中第一个的,当选中第二个再刷新浏览器,会发现还是选中的第二个,可断定是浏览器记忆功能问题。

经常做前端的技术人员都知道文本输入框 <input> 有提示上一次提交表单时的输入的值功能,这个就是 Autocompletion

 

Autocompletion, which was first introduced by Microsoft Internet Explorer, is the browser feature of remembering what you entered in previous text form fields with the same name. So, for example, if the field is named name and you had entered several variants of your name in other fields named name , then autocompletion provides those options in a dropdown. This image shows autocompletion being used in a form field;

 

如果没有适当的运用 Autocompletion ,则会暴露用户的隐私,比如身份证号,手机号等信息。

解决方法:

<INPUT NAME="name" SIZE=40 AUTOCOMPLETE=OFF >

autocomplete="off" 即可 屏蔽浏览器表单默认的记忆功能

 

<input type="radio" name="testRadio" checked="checked"  autocomplete="off"/>  test1  

<input  type="radio"  name="testRadio"   autocomplete="off"/>  test2
 

 

百度和 Google 的输入框,输入字母或文字后都会有内容下拉框提示,这就是经典的自动补全,查看源码,会发现文本框上都加了 autocomplete="off" ,此为了屏蔽浏览器表单默认的记忆功能。

 

 

 

参考资料:

http://www.whypad.com/posts/firefox-radio-button-bug/559/

 

http://fhuan123.iteye.com/blog/1160273

 

http://www.htmlcodetutorial.com/forms/_INPUT_AUTOCOMPLETE.html

        

去除浏览器对表单值的记忆

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
参考blog来自 http://segmentfault.com/q/1010000000671971 chrome浏览器当表单自动填充时,怎么去
在一般情况下,用户提交表单后,将会跳转到另一个页面,同时表单中的内容也会清空。而有时为了简化
在ArcGIS中,我们常用的几何类型有点、线、面、体(体,在涉及三维的情况下使用),但在这之外,可
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事, 注IE9 开始支持此
当a,input等元素在android原生浏览器下获得焦点时,元素外围会出现一个橙色的高亮边框(如下图)。
之前用谷歌浏览器也没注意插件里东西,今天随便逛逛 发现几个好东西 其中有个就是完全去除优酷 土豆
相信任何一个前端开发人员浏览网页时都知道如何去除掉烦人的广告(如果需要在该网页停留长时间),
原文:http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-
原文:http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-cross-browser-html5-
html5表单添加了很多类型的表单,而且还自带验证的功能。在移动端,手机等设备能够根据不同的input
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号