Inhalt:

HTML5: Formularfeld-Eigenschaft "placeholder" unter der Lupe

Bisher musste man beim Design & bei der Überprüfung von Formularen meist auf Javascript zurückgreifen, HTML5 bringt für den Entwickler insbesondere im Bereich der Formulare eine Reihe an nützlichen Neuerungen mit sich.  Eine davon ist das placeholder-Attribut. Das placeholder-Attribut ist wie der Name schon vermuten lässt ein "Platzhalter-Text", der im Formularfeld angezeigt wird. Der Text im Feld ist solange sichtbar, bis man mit der Maus in das Feld klickt.

Ein konkretes Beispiel:
<input type="text" name="vorname" id="vorname" placeholder="Dein Vorname" />im Beispie definieren wir über das placeholder-Attribut einen Text "Dein Vorname".
Im Browser sieht das Ganze dann folgendermaßen aus:




Wer das Placeholder-Attribut gerne live testen möchte sollte sich zunächst einen Browser organisieren, der damit etwas anfangen kann. Dazu gehört z.B. Chrome 7.

« Letzte Änderung: 26.11.2011 20:59 »

Kommentar(e)

Kommentar eintragen

Wer Kommentare hinterlassen will muss registriert sein ...

Seiten: [1]