Я пытаюсь установить фокус по умолчанию на поле ввода при загрузке страницы (пример: google). Моя страница очень проста, но я не могу понять, как это сделать.
Вот что у меня есть на данный момент:
<html>
<head>
<title>Password Protected Page</title>
<script type="text/javascript">
function FocusOnInput()
{
document.getElementById("PasswordInput").focus();
}
</script>
<style type="text/css" media="screen">
body, html {height: 100%; padding: 0px; margin: 0px;}
#outer {width: 100%; height: 100%; overflow: visible; padding: 0px; margin: 0px;}
#middle {vertical-align: middle}
#centered {width: 280px; margin-left: auto; margin-right: auto; text-align:center;}
</style>
</head>
<body onload="FocusOnInput()">
<table id="outer" cellpadding="0" cellspacing="0">
<tr><td id="middle">
<div id="centered">
<form action="verify.php" method="post">
<input type="password" name="PasswordInput"/>
</form>
</div>
</td></tr>
</table>
</body>
</html>
Почему это не работает, а все работает нормально?
<html>
<head>
<script type="text/javascript">
function FocusOnInput()
{
document.getElementById("InputID").focus();
}
</script>
</head>
<body onload="FocusOnInput()">
<form>
<input type="text" id="InputID">
</form>
</body>
</html>
Помощь очень ценится :-)
И вы можете использовать атрибут автофокуса HTML5 (работает во всех текущих браузерах, кроме IE9 и ниже). Вызывайте свой сценарий только в том случае, если это IE9 или более ранняя версия, или более старая версия других браузеров.
источник
autofocus
не поддерживается в Internet Explorer 9 и более ранних версиях.Это одна из распространенных проблем IE, и исправить ее несложно. Дважды добавьте .focus () ко входу.
Исправить: -
И вызовите FocusOnInput () для $ (document) .ready (function () {.....};
источник
Вы также можете использовать:
А затем в вашем JavaScript:
источник