div内にフォーム(ログイン、登録など)があります。
div は、 javascriptを使用visibility: hidden
して取得します。visibility:visible
IE8では、ユーザーがフォーム ( username, password ) に入力し、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">