Kommentar: Ich glaube, Sie haben ein gutes Verständnis des Autofokus- und Platzhaltertextes von HTML5. Um die AutoFocus -Funktion von HTML5 zu verwenden, müssen Sie das AutoFocus -Attribut nur im Feld Formular hinzufügen. Sehen Sie sich zunächst den folgenden Beispielcode für die Verwendung von HTML -Autofokus- und Platzhaltertext an. Interessierte Freunde können darüber lernen.
Schauen Sie sich zunächst den folgenden Beispielcode für die Verwendung von HTML -Autofokus- und Platzhaltertext an
<! DocType html> 2: <html>
<kopf>
<title> Registrieren Sie ein Konto </title>
<meta charset = "utf-8">
</head>
<body>
<form method = "post" action = "goto">
<Fieldset>
<Legende> Neue Benutzerregistrierung </Legende>
<ol>
<li>
<Label für = "Name"> E -Mail </label>
<Eingabe type = "E -Mail">
</li>
<li>
<Label für = "Benutzer"> Benutzername </label>
<Eingabe type = "text">
</li>
<li>
<Label für = "Spitzname"> Anzeigename </label>
<Eingabe type = "text">
</li>
<li>
<etiketts für = "password"> kennwort </label>
<Eingabe type = "Passwort">
</li>
<li>
<Label für = "bestätigen_password"> Passwort bestätigen </label>
<Eingabe type = "Passwort">
</li>
</ol>
</fieldset>
</form>
</body>
</html>
Mit Autofokus
Um die Autofokusfunktion von HTML5 zu verwenden, fügen Sie einfach die Autofocus -Eigenschaft im Feld Formular hinzu
Sie möchten beispielsweise den Cursor automatisch auf der ersten Formular -Feldkiste des Formulars des Formulars suchen, wenn die Seite geladen wird, und verbessern Sie die Eingabeeffizienz.
<li>
<Label für = "Name"> E -Mail </label>
<Eingabe type = "E -Mail" Autofocus>
</li>
Es ist zu beachten, dass der Cursor des Benutzers nur im Feld Last Form mit den festgelegten Autofokus -Eigenschaften auf dem Feld des letzten Formulars auf der Seite des Benutzers liegt, wenn mehrere Autofokuseigenschaften festgelegt sind.
Verwenden Sie Platzhaltertext
Die größte Verwendung von Platzhaltertext besteht darin, den Benutzern zu erklären, wie das Formular korrekt auszufüllen ist. Das heißt, die Eingabeaufforderung wird hergestellt. Um Platzhaltertext zu verwenden, fügen Sie einfach das Platzhalterattribut im Eingabebuch hinzu
Nachfolgend finden Sie das Feld "Eingabebildform" unter Verwendung des Platzhalterattributs
<ol>
<li>
<Label für = "Name"> E -Mail </label>
<Eingabe type = "E -Mail" Autofocus placeholder = "Bitte geben Sie eine gültige E -Mail -Adresse ein">
</li>
<li>
<Label für = "Benutzer"> Benutzername </label>
<Eingabe type = "text" placeholder = "username eingeben">
</li>
<li>
<Label für = "Spitzname"> Anzeigename </label>
<Eingabe type = "text" placeholder = "Spitzname eingeben">
</li>
<li>
<etiketts für = "password"> kennwort </label>
<Eingabe type = "Passwort" Placeholder = "Passwort eingeben">
</li>
<li>
<Label für = "bestätigen_password"> Passwort bestätigen </label>
<Eingabe type = "Passwort" Placeholder = "Kennwort erneut eingeben">
</li>
</ol>
Der Betriebseffekt ist wie folgt
Ob automatische Vervollständigung aktiviert werden soll
Das automatische Vervollständigungsattribut wurde in HTML5 eingeführt. Wird verwendet, um den Browser zu benachrichtigen, ob das aktuelle Formularfeld automatisch mit Daten gefüllt ist. Einige Browser erinnern sich an die vom Benutzer zuvor eingegebenen Daten, und in einigen Fällen möchten wir möglicherweise nicht, dass der Benutzer die Datensatzdaten verwenden, insbesondere ähnlich wie das Kennwort.
Autoperete schließen
<Eingabe type = "Passwort" AutoComplete = "off" Placeholder = "Passwort eingeben">
Legen Sie einfach den Wert von ATUOComplete auf OFF ein, um eine automatische Fertigstellung zu verhindern.