123 votes

Définir le focus sur une zone de saisie HTML lors du chargement de la page

J'essaie de définir le focus par défaut sur une zone de saisie lors du chargement de la page (exemple: google). Ma page est très simple, mais je n'arrive pas à comprendre comment faire cela.

C'est ce que j'ai jusqu'ici:

 <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>
 

Comment se fait-il que cela ne fonctionne pas alors que cela fonctionne bien?

 <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>
 

L'aide est très appréciée :-)

383voto

LinuxLars Points 1480

Et vous pouvez utiliser l'attribut autofocus de HTML5 (fonctionne dans tous les navigateurs actuels, à l'exception de IE9 et des versions antérieures). Appelez votre script uniquement s'il s'agit d'IE9 ou d'une version antérieure, ou d'une version plus ancienne des autres navigateurs.

 <input type="text" name="fname" autofocus="autofocus" />
 

40voto

Saikios Points 981
    <input type="password" name="PasswordInput"/>
 

cela devrait avoir un identifiant

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

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X