HTML-DOM-Eingabe-Passwort-Autofokus-Funktion-HTML-Tutorial-php.cn

HTML-DOM-Eingabe-Passwort-Autofokus-Funktion

WBOY

Freigeben： 2023-08-20 16:17:14

nach vorne

1391 Leute haben es durchsucht

HTML-DOM-Eingabepasswort-Autofokus-Attribut ist mit dem Autofokus-Attribut des HTML-Elements 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

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabe

Dadurch wird die folgende Ausgabe erzeugt –

HTML DOM Input Password autofocus 属性

beim Klicken auf die Schaltfläche „FOKUS PRÜFEN“ –

HTML DOM Input Password autofocus 属性

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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;
}

Nach dem Login kopieren

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!