cible focus

Donner le focus à un input

Comment donner le focus sur un élément dans un formulaire

focus javascript, javascript focus, html focus, focus html, javascript donner le focus, donner le focus javascript, focus sur input javascript, input javascript, focus input html, html focus input, input text focus, input focus text, focus un input, donner focus input, focus sur input

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

 
 

b1n@sp1n