cible focus

Donner le focus à un input

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

focus javascript, javascript focus, input javascript, html focus, focus js, focus html, donner le focus javascript, js focus, le focus, php focus input, input focus, javascript donner le focus, donner focus input, focus input html, html donner le focus

Date de publication : 2009-12-23 11:22:18

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