去除浏览器对表单值记忆
今天发现一个
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
分享到:
相关推荐
浏览器拦截form表单target解决代码,只有几个关键点要注意。如果能帮助各位解决问题就好
比较全面的讲解了jquery获取表单值,全面的讲解了jquery获取表单值
Chrome等浏览器能够自动保存表单提交的用户名称和密码,在用户下次登录时可以自动填写表单。但有时候为了安全需要清除浏览器这些行为
很多朋友都遇到这个问题:当使用chrome浏览器表单自动填充时都会自动添加默认的样式,该如何去除默认样式呢?看看小编是怎么去除的,需要的朋友一起学习吧
但是由于不同的浏览器对不合法输入提示文案不一致,样式也不一样,并且老的浏览器不兼容(IE9及以下),导致了在生产环境中比较少见到。例如对于邮箱格式的检验,不同浏览器的效果如下: Chrome Firefox IE ...
google浏览器innerhtml获取表单值 用谷歌浏览器,得不到动态添加表单的值,ie却可以
本文实例讲述了JavaScript获取表单内所有元素值的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以遍历指定表单中的所有元素,并输出元素的值 <!DOCTYPE html> <html> <body> <form id=...
今天小编就为大家分享一篇vue获取form表单的值示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
这是一个用COM获取表单域的程序,可以获取浏览器中的表单中的内容,可以了解用钩子函数等相关技术
工作中需要上传或导入excel数据,其实可以用浏览器来完成。自动填表浏览器 使用浏览器自动填表功能,批量读取excel表格内容,然后一行行地自动填写到网页表单。详细讲解操作设置流程。
搜狗浏览器表单怎么清除保存的数据?.docx
FlowupLabels.js是一款可以兼容IE8+浏览器的实用jQuery表单浮动标签插件。该浮动标签插件可以在某个表单字段获得焦点的时候,使该表单字段的label标签滑动到输入域的上方,效果非常的酷。
在一个jsp页面中,定义了一个用户登录界面(以form表单定义),但要达到检验输入的信息的合法性,就需要对输入的用户信息作判断,那么自然就需要取出其中的值。有的页面可以用action传参来得到form中输入的信息值,...
_探讨Ajax获取表单值向Servlet传递的设计方案.doc
select美化,兼容浏览器,select美化,兼容浏览器,select美化,兼容浏览器,
本文实例讲述了ASP.NET在MVC控制器中获取Form表单值的方法。分享给大家供大家参考,具体如下: 在MVC控制器中,如果我们想直接获取表单中某个标签元素的值,可以使用MVC中提供的FormCollection类,具体用法如下所示...
下面小编就为大家带来一篇jquery获取form表单input元素值的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
HelpFill是一款chrome浏览器(360极速浏览器)插件,适用场景:需要多次对一个表单填写相同的数据或者每次填写的数据不同的情况。 ##说明: 选择器使用的是jquery的选择器,包含所有jquery支持的选择器 检验(非强...
2 、表单设计 3 、使用input标签的email类型实现电子邮箱验证 4 、使用input标签的autocomplete属性实现内容自动记忆补全 步骤: 步骤一:首先建立一个div-contain,里面放背景图片div-pic、标语div-topic和注册框...