Text, Password and Textarea Form Control Labeling

Overview of Text, Password and Textarea Examples
Best
Practice
Rating
Feature Description Example Pages
Fail No label markup E1 - - - - - - - - - - - -
Fail Label as value - E2 - - - - - - - - - - -
Poor Label encapsulation - - E3 - - - - - - - - - -
Poor TITLE attribute as label - - - E4 - - - - - - - - -
Good Label through referencing id - - - - E5 E6 E7 E8 E9 E10 E11 E12 E13
Good CSS for zooming and focus - - - - - E6 E7 E8 E9 E10 E11 E12 E13
Good Right justified form labels - - - - - - E7 - - - - - -
Good Left justified form labels - - - - - - - E8 - - - - -
Good Required text boxes using image - - - - - - - - E9 - - - -
Good Required text boxes using hidden text - - - - - - - - - E10 - - -
Good Invalid text boxes using image - - - - - - - - - - E11 - -
Poor Accessible instructions using tabindex - - - - - - - - - - - E12 -
Good Accessible instructions using hidden text - - - - - - - - - - - - E13