La mise au point sur une zone de saisie HTML au chargement de la page

Je suis en train de définir la valeur par défaut se concentrer sur une zone de saisie lorsque le chargement de la page (exemple: google).
Ma page est très simple, mais je ne peux pas comprendre comment le faire.

C'est ce que j'ai obtenu jusqu'à présent:

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

Aide est très appréciée 🙂

InformationsquelleAutor Chris | 2010-08-01
  1. 36

    Cette ligne:

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

    devrait avoir un id attribut, comme suit:

    <input type="password" name="PasswordInput" id="PasswordInput"/>
    • Va qui fait le focus d'entrée? Quel navigateur avez-vous l'essayer?
    • quand j'ai testé il y a 9 ans était sur firefox, chrome et ie 🙂
    InformationsquelleAutor Saikios
  2. 313

    Et vous pouvez utiliser HTML5, l'attribut autofocus (fonctionne dans tous les navigateurs, sauf IE9 et ci-dessous). Seulement appelez votre script si c'est IE9 ou plus tôt, ou une version plus ancienne d'autres navigateurs.

    <input type="text" name="fname" autofocus>
    InformationsquelleAutor LinuxLars
  3. 5

    C'est l'un des problèmes les plus courants avec IE et pour résoudre ce problème est simple.
    Ajouter .focus() deux fois à l'entrée.

    Corrigé :-

    function FocusOnInput() {
    var element = document.getElementById('txtContactMobileNo');
    element.focus();
    setTimeout(function () { element.focus(); }, 1);
}

    Et appel FocusOnInput() sur $(document).ready(function () {.....};

    InformationsquelleAutor Kumar Kirti
  4. 1

    Vous pouvez également utiliser:

    <body onload="focusOnInput()">
    <form name="passwordForm" action="verify.php" method="post">
        <input name="passwordInput" type="password" />
    </form>
</body>

    Et puis dans votre JavaScript:

    function focusOnInput() {
    document.forms["passwordForm"]["passwordInput"].focus();
}
    InformationsquelleAutor D Blues