Mise au point automatique du mot de passe d'entrée HTML DOM-tutoriel HTML-php.cn

Mise au point automatique du mot de passe d'entrée HTML DOM

WBOY

Libérer： 2023-08-20 16:17:14

avant

1411 Les gens l'ont consulté

L'attribut autofocus du mot de passe d'entrée HTML DOM est associé à l'attribut autofocus de l'élément HTML Cette propriété est utilisée pour définir ou renvoyer si le champ de mot de passe doit être automatiquement ciblé lors du chargement de la page.

Syntaxe

Voici la syntaxe de définition de l'attribut autofocus :

Définissez l'attribut autofocus -

passwordObject.autofocus = true|false

Copier après la connexion

Ici, true signifie que le champ du mot de passe doit avoir le focus, false signifie non. Défini sur false par défaut.

Exemple

Voyons un exemple concernant l'attribut de mise au point automatique du mot de passe d'entrée -

<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
Password: <input type="password" id="PASS" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var P = document.getElementById("PASS").autofocus;
      document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
   }
</script>
</body>
</html>

Copier après la connexion

Sortie

Cela produira la sortie suivante −

HTML DOM Input Password autofocus 属性

en cliquant sur le bouton VÉRIFIER LE FOCUS −

HTML DOM Input Password autofocus 属性

dans l'entrée ci-dessus l'exemple −

nous avons créé un champ de saisie de type « mot de passe » avec un identifiant « Pass » et activé l'attribut de mise au point automatique, qui est défini sur true −

Password: <input type="password" id="PASS" autofocus>

Copier après la connexion

Nous avons ensuite créé un bouton CHECK FOCUS When The FocusVal(). La méthode sera exécutée lorsque l'utilisateur clique sur −

<button onclick="FocusVal()">CHECK FOCUS</button>

Copier après la connexion

La méthode FocusVal() obtient l'élément d'entrée avec le type de mot de passe à l'aide de la méthode getElementById() et obtient sa propriété autofocus. La propriété autofocus renvoie vrai et faux en fonction de la valeur de l'attribut autofocus de l'élément. . Cette valeur est attribuée à la variable P et affichée dans le paragraphe avec l'identifiant « Sample » en utilisant sa propriété innerHTML −

function FocusVal() {
   var P = document.getElementById("PASS").autofocus;
   document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!