Form semantic question

[Jfdio]

Hi,

This is not an issue i have with css or html, but on the best way to setup a form for semantic purposes. I’ve seen many way to setup forms an i finally started to set them in un-ordered list, but i know some people uses tables, which one is better?

My list setup looks like this

Code:

• Username :
• Password :

Or with tables

Code:

Username :
Password :

[Argeaux]

I like to use a definition lists because i see it as users are defining the form fields. The field email is defined to "[email protected]" , the field name to " john doe" etc…. (its hard to explain somehow).

But still, there are a lot of different opinions and solutions about this subject, all of them have their pros and cons.

[koewnet]

"about.com" wrote:

To use the label tag, simply surround the text that you want associated with a form field with the label tag. If you don’t include the form field inside the label tag, then you should use the for attribute to associate it with the id of the form element you want to label.

From post: The HTML Label Tag – Make Your Forms Accessible

Label-tag support "chart":

• IE: 4.0+[/*:m]
• Mozilla: 1.0+[/*:m]
• Opera: 4.0+[/*:m]
• Safari: 1.0+[/*:m][/list:u]

[Author]

Posts