Please do not associate multiple label elemnts with
an input or multiple inputs with a single label element, both things will
bugger up the associations for assistive tech (which is a major reason to
use labels in the first place. )
in either case it is also not valid HTML.
with regards
Steven Faulkner
Web Accessibility Consultant
National Information & Library Service (NILS)
454 Glenferrie Road
Kooyong Victoria 3144
Phone: (613) 9864 9281
Fax: (613) 9864 9210
Email: [EMAIL PROTECTED]
National Information Library Service
A subsidiary of RBS.RVIB.VAF Ltd.
"Patrick H.
Lauke" To: [EMAIL PROTECTED]
<[EMAIL PROTECTED] cc:
.co.uk> Subject: Re: [WSG] <select> as form
label
Sent by:
[EMAIL PROTECTED]
group.org
22/10/2004 11:44
AM
Please respond to
wsg
Nick Lo wrote:
> Perhaps this is a case where it needs a nested label like...
>
> <p>
> <label class="blank" for="input_phone_1">
> <label class="blank" for="input_phone_1_type">Phone type</label>
> <select name="input_phone_1_type" id="input_phone_1_type">
> <option value="">Please Select</option>
> <option value="work">work</option>
> <option value="home">home</option>
> <option value="fax">fax</option>
> <option value="mobile">mobile</option>
> <option value="other">other</option>
> </select>
> </label>
> <br />
> <input type="text" name="input_phone_1" id="input_phone_1" value="">
> </p>
I think you may be wanting a FIELDSET here. And don't get hung up on
wrapping the form element in its own label...I'd say it's perfectly ok
NOT to do that, as long as FOR is properly tied to an ID.
<fieldset>
<legend>Your phone details</legend>
<label class="blank" for="input_phone_1_type">Phone
type</label>
<select name="input_phone_1_type"
id="input_phone_1_type">
<option value="">Please
Select</option>
<option value="work">work</option>
<option value="home">home</option>
<option value="fax">fax</option>
<option value="mobile">mobile</option>
<option value="other">other</option>
</select>
<br />
<label for="input_phone_1">Phone number</label>
<input type="text" name="input_phone_1" id="input_phone_1"
value="">
</fieldset>
Patrick H. Lauke
_____________________________________________________
re�dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
