[html5] When labels point to more than one input

[Ian Hickson]

On Wed, 4 Apr 2012, brenton strine wrote:
>
> As I understand it, multiple <label> elements can point to the same 
> input, but one <label> can not point to two or more inputs. That makes 
> sense, but it poses a problem for me when designers have created labels 
> that apply to more than one input. What is the most semantic way to do 
> this?

Just don't bother using a label element for the "uberlabel".


> Basically, it's laid out like a table. For example:
> 
> ------------ Color ---- Volume
> Morning
> Noon
> Evening
> 
> Color can't be a label, because it corresponds to 3 inputs. Morning can't
> either, because it corresponds to two. I guess this looks semantically
> tabular... is there any other way to do this without using a table?

If it's semantically tabular, use a table. <th> is exactly the semantic 
you want here.


<fieldset> with <legend> might also be a good fit here.

-- 
Ian Hickson               U+1047E                )\._.,--....,'``.    fL
http://ln.hixie.ch/       U+263A                /,   _.. \   _\  ;`._ ,.
Things that are impossible just take longer.   `._.-(,_..'--(,_..'`-.;.'