Einführung in das Autofokus-Attribut in HTML5

Dieser Artikel stellt hauptsächlich das Autofokus-Attribut in HTML5 vor. Jetzt kann ich es mit Ihnen teilen.

HTML5 bringt uns eine ganze Reihe erstaunlicher Dinge. Aufgaben, die zuvor mit JavaScript und Flash erledigt werden mussten, wie Formularvalidierung, INPUT-Platzhalter, Client-Umbenennung heruntergeladener Dateien und Audio/Video, können alle mit einfachem HTML erledigt werden

Hier ist eine einfache HTML5-Funktion soll ermöglichen, dass der Eingabefokus automatisch auf ein Element fällt, wenn die Seite geladen wird; diese Aktion wird mithilfe des Autofokus-Attributs abgeschlossen.

Der HTML-Code ist sehr einfach:

Kopieren Sie den Code

Der Code lautet wie folgt:

<!-- These all work! -->
<input autofocus="autofocus" />
<button autofocus="autofocus">Hi!</button>
<textarea autofocus="autofocus"></textarea>

Mit dem Autofokus-Attribut können diese INPUT-, TEXTAREA- oder BUTTON-Elemente beim Laden der Seite ausgewählt werden. Wenn Sie jedoch reine Anzeigeelemente wie H1-Tags verwenden, ist die Verwendung des Autofokus-Attributs nicht einfach.

Diese Eigenschaft kann in bestimmten Situationen sehr nützlich sein. Die Startseite von Google wird beispielsweise in 99 % der Fälle zum Suchen verwendet. Sobald die Seite geladen ist, muss der Cursor also im Eingabefeld positioniert werden. Früher war für die Vervollständigung JavaScript erforderlich, aber jetzt ist dies überhaupt nicht mehr erforderlich, HTML kann es selbst vervollständigen.

Das obige ist der detaillierte Inhalt vonEinführung in das Autofokus-Attribut in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!