En javascript, la méthode focus permet de donner le focus sur un input d'un formulaire.
La méthode focus est une fonction membre d'un élément html pour l'utiliser il faut donc accéder directement à l'élément. Le plus simple pour cela est d'utiliser document.getElementById pour récupérer directement à partir de son identifiant.
Exemple d'utilisation de focus
La première étape pour donner le focus est d'ajouter des identifiants sur les inputs de ses formulaires à l'aide de l'attribut id des balises input comme le montre le code html du formulaire suivant :
<form method="post" action="/action.php">
<p>Email : <input type="text" name="email" id="email"/></p>
<p>Mot de passe : <input type="password" name="password" id="password"/></p>
<p><input type="submit"/></p>
</form>
<p>Email : <input type="text" name="email" id="email"/></p>
<p>Mot de passe : <input type="password" name="password" id="password"/></p>
<p><input type="submit"/></p>
</form>
Ensuite il suffit de récupérer l'input sur lequel on souhaite donner le focus par défaut (ici password) et d'appeler la méthode focus :
<script type="text/javascript"><!--
document.getElementById('password').focus(); //-->
</script>
document.getElementById('password').focus(); //-->
</script>
Image : MATEUS_27:24&25
