Maison > Article > interface Web > Mise au point automatique du mot de passe d'entrée HTML DOM
Mise au point automatique du mot de passe d'entrée HTML DOM
- WBOYavant
- 2023-08-20 16:17:141344parcourir
L'attribut autofocus du mot de passe d'entrée HTML DOM est associé à l'attribut autofocus de l'élément HTML d5fd7aea971a85678ba271703566ebfd 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
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>Sortie
Cela produira la sortie suivante −
en cliquant sur le bouton VÉRIFIER LE FOCUS −
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>
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>
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;
}.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!