CSS Input Background hints



/* Universal
/*::-webkit-input-placeholder {color: #f00;}
::-moz-placeholder {color: #f00;}/* Firefox 19+
/*:-ms -input-placeholder {color: #f00;}/* IE/
input:-moz-placeholder {color: #f00;}

/* WebKit Special/*
#field2::-webkit-input-placeholder {color: #00f;}
#field3::-webkit-input-placeholder {color: #090; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder {font-style:italic; text-decoration:overline; letter-spacing:3px; color: #999;}

/* Mozilla dedicated */
#field2::-moz-placeholder {color: #00f;}
#field3::-moz-placeholder {color: #090; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder {font-style:italic; text-decoration:overline; letter-spacing:3px; color: #999;}

<p><input autofocus= "Autofocus" id= "field1" name= "fname" text "type=" Please enter your name ... "placeholder= >
<p><input id= "Field2" name= "lname" "type=" text "placeholder=" Please enter your nickname ... "/></p>
<p><input id= "field3" name= "pass type=" password "placeholder=" Please enter your new password ... "/></p>
<p><input id= "Field4" name= "pass2" type= "password" Please re-enter your new password ... "placeholder=

http://www.webhek.com/html5-placeholder-css/