Display Your Labels
When you create a form in a website, this one should have some fields with associated labels but with placeholders many developers (or designers) “forgot” to add labels. Most of the time it is because it’s not really pretty and placeholders already give all needed informations. Why not but there is some accessibility problems when you don’t put your labels.
Try to understand what is a field already filled with Walker (homage to Paul Walker who just die today). Is it a name or a surname ?
So I wanted to develop a different way to display your labels to have your informations but without so much “pollution” in your design.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
1 2 3 4
This is really basic but it does the work, and if your browser doesn’t support css3 + selector, your label will just be displayed.
Now we can just add some animations to have something more “modern”.
I was inspired by this.