Label en varios input

[Dude--]

Código:

<form id="recordarpass" action="index.php?accion=recordarpass" method="post" enctype="application/x-www-form-urlencoded">
	<label>Email: <input type="text" name="fideemail" title="Email de usuario"  size="20" /> </label>
	<label>Fecha de nacimiento: 
		<input type="text" name="dian" title="Día de nacimiento" maxlength="2" />
		/
		<input type="text" name="mesn" title="Mes de nacimiento" maxlength="2" />
		/
		<input type="text" name="anion" title="Año de nacimiento" maxlength="4" />
	</label>
<input type="submit" value="Recordar" /> 
</form>

Aparentemente lo correcto sería poner el "<label>Fecha de nacimiento:" englobando los 3 inputs, tal y como aparece en mi código de ejemplo. Sin embargo al hacer esto, al menos en Firefox (no lo he probado en otros browsers) no te deja cambiar el foco al textbox del input mes o al del año clickeando con el ratón, solo te deja usando el tabulador. Me parece algo bastante incoherente y quería saber si hay alguna forma de solucionar esto respetando los standars para xhtml.

[matiasariel]

Hola, ¿porque no lo haces poniendole el label sin englobar los 3 inputs, sino solo al primero? asi:

Código:

<form id="recordarpass" action="index.php?accion=recordarpass" method="post" enctype="application/x-www-form-urlencoded">
	<label>Email: <input type="text" name="fideemail" title="Email de usuario"  size="20" /> </label>
	<label>Fecha de nacimiento: 
		<input type="text" name="dian" title="Día de nacimiento" maxlength="2" /></label>
		/
		<input type="text" name="mesn" title="Mes de nacimiento" maxlength="2" />
		/
		<input type="text" name="anion" title="Año de nacimiento" maxlength="4" />
	
<input type="submit" value="Recordar" /> 
</form>

Y luego validá la página en la web de W3C para ver si cumple con el standar.

[Dude--]

Iniciado por matiasariel

Hola, ¿porque no lo haces poniendole el label sin englobar los 3 inputs, sino solo al primero?

Seguramente eso haría que funcionara pero no sería correcto desde el punto de vista semántico porque la etiqueta label debería describir los 3 elementos, no es así? quizás una solución sería poner un label distinto para cada input, de la siguiente manera:
Día de nacimiento
Mes de nacimiento
Año de nacimiento

No estaríamos describiendo la fecha pero si sus componentes y se podría "rearmar" desde el punto de vista semántico.

¿alguna otra idea?

[matiasariel]

Podrías agrupar los 3 campos con un fieldset en vez de con un label.

[caricatos]

Iniciado por Dude--

Seguramente eso haría que funcionara pero no sería correcto desde el punto de vista semántico ...

Creo que te estás equivocando en los conceptos... label no solo es una etiqueta, también es un elemento activo, y cuando pinchas en un label, también estás dándole el foco al control asociado, y según que control sea, al clickear sobre un label modificas el valor (checkboxes y radios)

Saludos