html表单上不需要的自动填充
Unwanted autofill on html form
我(第一次)为一个网站制作签名/注册表格。对于注册表中我要求用户提供电子邮件地址的那一行,它提供了一个自动填充选项,这很好。问题是它还填充了下面的一行,我将让用户重新键入电子邮件地址来验证它。我曾尝试使用autocomplete="off",但这似乎没有影响。
我设法弄清楚,如果第二个电子邮件输入中没有"电子邮件"一词,自动完成不会影响这一行。尽管如此,autocomplete="off"没有影响,我不知道为什么。理想情况下,我希望以这行代码的名义发送电子邮件,这样更容易阅读,将来可能会出现类似的问题。
你知道为什么会这样吗?这是我的代码:
<!DOCTYPE html>
<html5>
<head>
<title>Login page</title>
</head>
<body>
<h1>Login or Register</1h>
<p></p>
<div id="logindOrRegdiv">
<input type="button" value="Login" id="login">
<input type="button" value="Register" id="register">
</div>
<div id="logindiv">
<form name="login" autocomplete="on">
Username<input type="text" name="userid"/><br>
Password<input type="password" name="pswrd"/><br>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form) { /*function to check userid & password*/
/*the following code checkes whether the entered userid and password are matching*/
if(form.userid.value == "myuserid" && form.pswrd.value == "mypswrd") {
window.open('target.html')/*opens the target page while Id & password matches*/
}
else {
alert("Error Password or Username")/*displays error message*/
}
}
</script>
</div>
<div id="registerdiv">
<form name="register" autocomplete="on">
First Name<input type="text" name="firstname"/><br>
Middle Name<input type="text" name="middlename"/><br>
Last Name<input type="text" name="lastname"/><br>
D.O.B.<input type="text" name="dob"/><br>
Email Address<input type="email" name="email"/><br>
Re-Type<input type="email" name="email2" autocomplete="off"/><br>
Password<input type="password" name="password"/><br>
Re-Type<input type="password" name="password2"/><br>
</form>
</div>
<script src="jquery-1.11.2.js"></script>
<script src="app.js"></script>
</body>
</html5>
autocomplete="off"
属性在大多数主流浏览器中都有错误。
http://caniuse.com/#feat=input-自动完成关闭
解决方法是在每次加载页面时给name
属性一个随机值。例如CCD_ 3。
相关文章:
- 如何在不需要单击按钮的情况下获取选项的值
- Javascript不需要的关闭行为
- Jqgrid动态组合框填充不起作用
- 删除客户端浏览器上不需要的内容
- 不允许在字段中输入不需要的字符
- 不需要的JSON响应
- 如何使图像适合TD,而不需要包装在不同的屏幕分辨率上
- 使用一个Javascript函数提交多个表单可以在FF中工作,而不需要其他浏览器
- jQuery自动完成显示不需要的动态html标记
- 在Knockout js中创建一个包含多行的表,而不需要推送
- AngularJs正在解码HTML字符(不需要)
- jQuery regex从文本链接-添加不需要的域到链接
- 防止从浏览器到应用商店的不需要的重定向
- 外部解析RSS提要,不需要像谷歌和服务器端那样的任何库
- 不需要的异步事件调度
- 是否有任何不需要后端的验证码角度指令
- html表单上不需要的自动填充
- 如何填充如果字段不是空字符串如果为空则不需要填充
- CRM 2011:使用电子邮件正文填充后,案例的“说明”字段中出现不需要的文本
- Knockout:如果字段已填充,则需要输入,而当字段为空时则不需要输入