Javascript html表单上不需要的自动填充
我(第一次)为一个网站制作一份登录/注册表格。对于我要求用户提供其电子邮件地址的注册表行,它提供了一个自动填充选项,这很好。问题是,它还填充了下面的一行,我将让用户重新键入电子邮件地址以进行验证。我尝试过使用autocomplete=“off”,但似乎没有效果 我设法弄明白,如果第二封电子邮件输入中没有“email”这个词,那么自动完成不会影响这一行。尽管如此,autocomplete=“off”没有任何影响,我也不知道为什么。理想的情况下,我希望有在这行代码的名称电子邮件,使其更容易阅读和类似的问题可能会在未来出现 知道为什么会这样吗?这是我的密码:Javascript html表单上不需要的自动填充,javascript,html,forms,autocomplete,textbox,Javascript,Html,Forms,Autocomplete,Textbox,我(第一次)为一个网站制作一份登录/注册表格。对于我要求用户提供其电子邮件地址的注册表行,它提供了一个自动填充选项,这很好。问题是,它还填充了下面的一行,我将让用户重新键入电子邮件地址以进行验证。我尝试过使用autocomplete=“off”,但似乎没有效果 我设法弄明白,如果第二封电子邮件输入中没有“email”这个词,那么自动完成不会影响这一行。尽管如此,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>
登录页面
登录或注册
用户名
密码
函数检查(表单){/*用于检查用户ID和密码的函数*/
/*以下代码检查输入的用户ID和密码是否匹配*/
if(form.userid.value==“myuserid”&&form.pswrd.value==“mypswrd”){
window.open('target.html')/*在Id和密码匹配时打开目标页面*/
}
否则{
警报(“错误密码或用户名”)/*显示错误消息*/
}
}
名字
中间名
姓氏
D.O.B.
电子邮件地址
重新输入
密码
重新输入
属性在大多数主要浏览器中都有bug
解决方法是在每次加载页面时为name
属性提供一个随机值。例如,name=“email jirbcea”
属性在大多数主要浏览器中都有bug
解决方法是在每次加载页面时为
name
属性提供一个随机值。例如,name=“email jirbcea”
如果在第二封电子邮件输入中添加value=“
,会发生什么?请告诉我,您在此表单中的密码检查与测试添加value=“”会发生什么一样
在第二封电子邮件输入中?请告诉我,您在此表单中的密码检查与测试时的检查相同