我有一个表格(登录,注册,等等),它位于div内。
div有visibility: hidden
并通过javascript获得visibility:visible
。
在 IE8 中,当用户完成表单(用户名,密码)然后使用 ENTER 键按下提交时,它将无效(它将如果他按下登录按钮就可以工作。)
HTML:
<body onload="show_login();">
<div id="login" class="login_div">
<form id="form_login" method="post" action="index.php">
<input name="Email" id="Email" type="text" maxlength="100" size="30" />
<input name="Password" id="Password" type="password" maxlength="100" size="30" />
<input name="FromSubmit" id="FromSubmit" type="hidden" value="FromSubmit"/>
<button id="bLogin" type="submit"><span id="sLogin">Log In</span></button>
</form>
</div>
</body>
的CSS:
.login_div {
visibility: hidden;
}
JS:
function show_login() {
document.getElementById("login").style.visibility = "visible";
}
也许以前有人遇到过这个问题?
任何解决方法而不影响JS逻辑?
修改
如果我删除了doctype,它确实有效,但我不想删除它。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">