Latest web development tutorials

HTML-Eingabe Platzhalter Attribut

HTML-Eingabe Tag Referenz HTML <input> -Tag

Beispiel 1

Zwei Eingabefelder mit Platzhalter-Text:

<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>

Versuchen »

Platzhalter Textfarbe kann auch angegeben werden.

Beispiel 2

Mit Platzhalter-Text Farbeinstellungen:

<form action="demo-form.php">
<input type="text" name="fname" placeholder="First name"><br>
<input type="text" name="lname" placeholder="Last name"><br>
<input type="submit" value="提交">
</form>

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome und Safari unterstützen den Platzhalter-Attribut.

Hinweis: 9 und früheren Versionen von Internet Explorer nicht den Platzhalter Attribut nicht unterstützt <input> -Tag.

Definition und Verwendung

Platzhalter Attribut gibt das Eingabefeld den erwarteten Wert der Kurznachricht beschreiben kann (zum Beispiel: eine kurze Beschreibung des erwarteten Probenwert oder Format).

Die Eingabeaufforderung wird angezeigt, bevor der Benutzer einen Wert in das Eingabefeld eingibt.

Hinweis: Platzhalter Attribut gilt für die folgenden Eingabetypen: Text, Suche, URL, Tel , E - Mail und Passwort.

Die Unterschiede zwischen den HTML 4.01 und HTML5

Platzhalter Attribut ist neu in HTML5 Attribute.

Grammatik

<input placeholder="text">

Eigenschaft Wert

值 描述
text 规定可描述输入字段预期值的简短的提示信息。

HTML-Eingabe Tag Referenz HTML <input> -Tag