Wie kann man CSS-Formularbeschriftungen/-Werte anvisieren?

Question

Ich versuche, das Platzhalter-Attribut in meinem Login/Passwort-Formular mit reinem CSS zu imitieren.

Gibt es eine Möglichkeit, dies zu tun? Kann ich meine Beschriftung oder Werte, die "Benutzer/Passwort" sagen, so positionieren, dass sie aussehen, als wären sie Platzhaltertext im Feld?

Ich bin mir nicht sicher, wie ich das Etikett/den Wert ausrichten soll.

<form>

<input type="text" id="username" label="username">

<input type="password" id="password" label="password">

</form>

Vielen Dank an alle.

Answer 1

Ich würde die neue placeholder css3-Eigenschaft und lassen Sie alte Browser alte Browser sein.

http://jsfiddle.net/fmr3J/

<input type="text" id="username" label="username" placeholder="username">
<input type="password" id="password" label="password" placeholder="password">