HTML5 introduced the
placeholder attribute on
input elements, which allows to display a greyed-out default text.
Sadly the Internet Explorer, including IE 9 does not support it.
There already are some placeholder simulator scripts out there. They typically work by putting the default-text into the input field, give it a grey color and remove it again as soon as you focus the input field.
The drawback of this approach is that the placeholder text is in the input field. Thus:
- scripts can't easily check whether an input field is empty
- server side processing must check against the default value, in order to not insert the placeholder into the database.
I would like to have a solution, where the placeholder text isn't in the input itself.