Heim > Artikel > Web-Frontend > HTML-DOM-Eingabe-Passwort-Autofokus-Funktion
HTML-DOM-Eingabe-Passwort-Autofokus-Funktion
- WBOYnach vorne
- 2023-08-20 16:17:141344Durchsuche
HTML-DOM-Eingabepasswort-Autofokus-Attribut ist mit dem Autofokus-Attribut des HTML-Elements d5fd7aea971a85678ba271703566ebfd verknüpft. Diese Eigenschaft legt fest oder gibt zurück, ob das Passwortfeld beim Laden der Seite automatisch fokussiert werden soll.
Syntax
Das Folgende ist die Syntax zum Festlegen des Autofokus-Attributs:
Setzen Sie das Autofokus-Attribut -
passwordObject.autofocus = true|false
True bedeutet hier, dass das Passwortfeld den Fokus erhalten soll, false bedeutet nein. Standardmäßig auf „false“ gesetzt.
Beispiel
Sehen wir uns ein Beispiel für das Autofokus-Attribut „Eingabepasswort“ an –
<!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>Ausgabe
Dadurch wird die folgende Ausgabe erzeugt –
beim Klicken auf die Schaltfläche „FOKUS PRÜFEN“ –
im obigen In Im Beispiel haben wir ein Eingabefeld vom Typ „Passwort“ mit der ID „Pass“ erstellt und das Autofokus-Attribut aktiviert, das auf „true“ gesetzt ist. −
Password: <input type="password" id="PASS" autofocus>
Wir haben dann eine Schaltfläche CHECK FOCUS When The FocusVal() erstellt. Die Methode wird ausgeführt, wenn der Benutzer auf −
<button onclick="FocusVal()">CHECK FOCUS</button>
klickt. Die Methode FocusVal() ruft das Eingabeelement mit dem Typ „Passwort“ mithilfe der Methode getElementById() ab und erhält ihre Autofokus-Eigenschaft. Die Autofokus-Eigenschaft gibt abhängig vom Autofokus-Attributwert des Elements „true“ und „false“ zurück . Dieser Wert wird der Variablen P zugewiesen und im Absatz mit der ID „Sample“ mithilfe ihrer innerHTML-Eigenschaft angezeigt –
function FocusVal() {
var P = document.getElementById("PASS").autofocus;
document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}Das obige ist der detaillierte Inhalt vonHTML-DOM-Eingabe-Passwort-Autofokus-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!