Comment faire un focus sur un élément d'un formulaire HTML en JavaScript ?
En JavaScript, il est possible d'attribuer le focus sur un élément avec la méthode focus(). Voici comment l'utiliser.
Faire un focus sur un élément permet de le sélectionner directement au chargement de la page ou à la suite d'une action. S'il est effectué sur un champ, il permet à l'utilisateur de saisir directement du texte sans devoir cliquer auparavant sur le champ.
En JavaScript, il est possible d'attribuer le focus sur un élément avec la méthode focus(). Afin de sélectionner facilement l'élément, utilisez un identifiant. Vous pouvez également sélectionner l'élément avec son nom ou en parcourant l'arborescence DOM de la page.
<input type=text id=monChamp name=monChamp/>
Vous n'avez plus qu'à créer la fonction qui va faire le focus :
<script>
function attribuerFocus()
{
document.getElementById(monChamp).focus();
}
</script>
Cette fonction peut être appelée, par exemple, au chargement de la page ou lors d'un clic sur un bouton. Il est également possible d'attribuer le focus de manière automatique sur un champ grâce à l'attribut autofocus :
<input type=text id=monChamp name=monChamp autofocus/>
Cet attribut ne fonctionnera qu'au chargement de la page. C'est un nouvel élément de la norme HTML5, il faut donc disposer d'un navigateur relativement récent pour qu'il soit interprété.