HTML-DOM-Eingabe-Passwort-Autofokus-Funktion

WBOY
Freigeben: 2023-08-20 16:17:14
nach vorne
1315 Leute haben es durchsucht

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

   

Input password autofocus property

Password:

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: 
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 −

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!