Comments on: How To Align Labels On Form Fields http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/ Instant Usability & Web Standards Sat, 28 Jan 2012 13:44:35 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Thomas Baekdal http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/comment-page-1/#comment-133252 Thomas Baekdal Tue, 24 Apr 2007 19:31:35 +0000 http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/#comment-133252 Iacovos, If you click on "show advanced setting" in the WEB2RSS example, you can how I handle checkboxes. and yes, I have tried with larger forms. It works quite well for mest things. The only problem is handling textareas because some tend to get confused about where the text "area" in the expanded field is. Iacovos, If you click on “show advanced setting” in the WEB2RSS example, you can how I handle checkboxes.

and yes, I have tried with larger forms. It works quite well for mest things. The only problem is handling textareas because some tend to get confused about where the text “area” in the expanded field is.

]]> By: Iacovos Constantinou http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/comment-page-1/#comment-132640 Iacovos Constantinou Tue, 24 Apr 2007 09:54:44 +0000 http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/#comment-132640 It would be nice to have eye-tracking data for bottom aligned labels as well, like those which are used in <a href="http://wufoo.com/examples/" rel="nofollow">Wufoo forms</a>. @Thomas: your idea looks very good and it seems to be working very well for small forms. Obviously, the extended border aids they eye to match the label with the corresponding input. I was wondering if you have tried it with larger forms or with radio button groups as well... It would be nice to have eye-tracking data for bottom aligned labels as well, like those which are used in Wufoo forms.

@Thomas: your idea looks very good and it seems to be working very well for small forms. Obviously, the extended border aids they eye to match the label with the corresponding input. I was wondering if you have tried it with larger forms or with radio button groups as well…

]]> By: Thomas Baekdal http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/comment-page-1/#comment-129310 Thomas Baekdal Fri, 20 Apr 2007 21:24:00 +0000 http://justaddwater.dk/2007/04/20/how-to-align-labels-on-form-fields/#comment-129310 I have been having a some success with a different kind of layout - one where the label is inside the form field. I have used this layout for almost all my latest projects, and it seems, to me atleast, that it partly eliminates the problem of eye-fixation (people do not need to mentally connect a label with a form field). One example of this is here: http://www.baekdal.com/web2rss/ Note: I am not inventer of this concept, I just use it. I have been having a some success with a different kind of layout – one where the label is inside the form field.

I have used this layout for almost all my latest projects, and it seems, to me atleast, that it partly eliminates the problem of eye-fixation (people do not need to mentally connect a label with a form field).

One example of this is here:
http://www.baekdal.com/web2rss/

Note: I am not inventer of this concept, I just use it.

]]>