If you have forms this is a must read. Both for the specific details and for the usability mindset shown.
There’s something that’s been bothering me lately. It seems to be some kind of form interface trend where the labels for text inputs are placed inside the fields themselves.
...
Admittedly, this makes an interface slicker.
...
But what you’re gaining in a clean look, you’re completely losing through a total lack of usability.
...
..this sense of panic that I’m entering it wrong and there’s no way to check that I’m doing it right. I have to click back outside the input box, so it no longer has focus, to check what the label was again.
...
HTML5 has a fantastic new form input attribute for adding placeholder information into the input boxes so that you can easily give your users cues without the need for Javascript or CSS hacks
...
I’m concerned that people will misuse or misunderstand the placeholder attribute as a way to replace form labels
But it’s not the same thing!
A label tells you what a form input requires, a placeholder gives you an example of the input required.
And the comments are worth a quick read as well.
Nice to have 'met' you, Laura Kalbag.






