Donner le focus à un input - Javascript

Publié le 23 décembre 2009 par Petitchevalroux

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>

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>

Image : MATEUS_27:24&25