[WSG] Semantic Form - Person's Title

Hi all :o)

Here's how I'd normally mark up a basic form element:

Using CSS, I can get it to look nice with the label on the left and the input box on the right, mimicking a two column table.

Something like this...

I'd like to have a similar approach to and form element consisting of, say, three radio buttons.

Let's call it the element "Title" with the radio options as "Mr, Mrs and Miss".

It should look like this:

Title o Mr o Mrs o Miss

What would the mark up be and how would you do the CSS?

Here we have the need for three labels, don't we? How would you get the word "Title" to display? A legend tag?

Any thoughts?

Cheers,

Richard :o)

Reply via email to