Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex auf Twitter verwenden

HTML5 Attribut ''placeholder''
placeholder

Logo des Browsers Chrome von GoogleLogo des Browsers Firefox von MozillaLogo des Browsers Internet Explorer von MicrosoftLogo des Browsers OperaLogo des Browsers Safari von Apple
Stand:

Mit placeholder können sowohl in Eingabefeldern als auch in Eingabebereichen Texte als Platzhalter eingesetzt werden.
Der Einsatz hierfür macht Sinn, wenn man die einzelnen Formularfelder nicht zusätzlich beschriften möchte:

Beispiel für Eingabefelder:
altbewährte / -bekannte Möglichkeit:
eMail-Adresse:

neue Möglichkeit mit placeholder:

Beispiel für Eingabebereiche:
altbewährte / -bekannte Möglichkeit:
Nachricht:
neue Möglichkeit mit placeholder:

Quelltext-Auszug (Eingabefelder):

<input type="text" name="email" size="20" placeholder="eMail-Adresse">
Quelltext-Auszug (Eingabebereiche):

<textarea name="nachricht" cols="40" rows="5" placeholder="Nachricht"></textarea>
Vor beiden Feldern in den oben angegebenen Beispielen wird auf einen "Begleittext" verzichtet. Stattdessen wird mit dem Attribut placeholder eine Information in das entsprechende Feld geschrieben, welche bereits bei Eingabe eines ersten Zeichens verschwindet.


zum Seitenanfang



© 2002 - 2022 · www.onlex.de - HomepageTools | Impressum | Sitemap