Вопросы Теги

Установка внимания на поле ввода HTML на загрузке страницы

Я пытаюсь установить внимание по умолчанию на поле ввода, когда страница загружается (пример: 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>

Справка очень ценится :-)

95
задан Chris 1 August 2010 в 19:31
поделиться

2 ответа

Эта строка: 

<input type="password" name="PasswordInput"/>

должна иметь атрибут id , например: 

<input type="password" name="PasswordInput" id="PasswordInput"/>
35
ответ дан 24 November 2019 в 05:42
поделиться

И вы можете использовать атрибут автофокуса HTML5 (работает во всех текущих браузерах, кроме IE9 и ниже). Вызывайте свой скрипт только в том случае, если это IE9 или более ранняя версия, или более старая версия других браузеров. 

<input type="text" name="fname" autofocus>
312
ответ дан 24 November 2019 в 05:42
поделиться
Другие вопросы по тегам:

Похожие вопросы: