Detaillierte Erläuterung der Verwendung des Autofokus-Attributs in HTML5

In diesem Artikel wird hauptsächlich ausführlich beschrieben, wie das Autofokus-Attribut in HTML5 verwendet wird. Interessierte Freunde können sich auf

HTML5 beziehen. Hat uns eine ganze Reihe erstaunlicher Dinge gebracht. Aufgaben, die bisher

JavaScript und Flash erforderten, wie Formularvalidierung, INPUT-Platzhalter, clientseitiges Umbenennen heruntergeladener Dateien und Audio/Video, können alle erledigt werden Mit einfachem HTML erstellt. Eine einfache HTML5-Funktion, die hier besprochen werden soll, besteht darin, zu ermöglichen, dass der Eingabefokus beim Laden der Seite automatisch auf ein Element fällt.

Der HTML-Code ist sehr einfach:

XML/HTML Code复制内容到剪贴板
<!-- 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. Beispielsweise wird die Startseite von Google in 99 % der Fälle für die Suche nach

verwendet. Sobald die Seite geladen ist, muss der Cursor also im Eingabefeld positioniert werden. Früher mussten Sie JavaScript verwenden, um es zu vervollständigen, aber jetzt brauchen Sie es überhaupt nicht mehr, HTML kann es selbst vervollständigen.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung des Autofokus-Attributs in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!