cible focus

Donner le focus à un input

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

javascript, javascript input, input, input javascript, mettre input, donner javascript, javascript donner, input text, html donner, html input, javascript input text, donner, html javascript, methode javascript, input html

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

 

Vidéos drôles

Du fingerboard en taille réelle Un bateau accoste sur la plage Un policier saute une barrière Les rouquins ont une ame C'est toujours mieux de se faire rouler dessus Un problème moteur chez ses soldats Un saut raté dans la piscine Démonstration de Kung Fu par un soldat coréen Comment ne pas faire du vin chaud au micro onde