Foros del Web » Creando para Internet » HTML »

Codigo correcto label con 2 input

Estas en el tema de Codigo correcto label con 2 input en el foro de HTML en Foros del Web. ¿Hola a todos me podriais decir si es correcto este codigo? Cual seria el codigo correcto para englobar a 2 input type=radio y checkbock en ...
  #1 (permalink)  
Antiguo 04/04/2011, 10:53
Avatar de jadoblas  
Fecha de Ingreso: diciembre-2010
Ubicación: Malaga
Mensajes: 38
Antigüedad: 13 años, 4 meses
Puntos: 0
Codigo correcto label con 2 input

¿Hola a todos me podriais decir si es correcto este codigo?
Cual seria el codigo correcto para englobar a 2 input type=radio y checkbock en 1 solo legend o label




<fieldset>
<legend>Plazo de Grupo y tipo de grupo</legend>
<label>Plazo de Grupo</label>
<input type="radio" id="un_año" checked="checked" value="checked" />
<label for="un_año">1 año</label>
<input type="radio" id="seis_meses" />
<label for="seis_meses">6 meses</label>
<br/>
<label>Tipo de Grupo</label>
<input type="checkbox" id="adulto" checked="checked" value="checked" />
<label for="adulto">Adulto</label>
<input id="juvenil" type="checkbox" checked="checked" value="checked" />
<label for="juvenil">Juvenil</label>
<input id="infantil" type="checkbox" />
<label for="infantil">Infantil</label>
</fieldset>

Gracias un saludo
  #2 (permalink)  
Antiguo 04/04/2011, 14:28
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 13 años
Puntos: 11
Respuesta: Codigo correcto label con 2 input

Pues nada más es cuestión de que los coloques junto y supongo que obedecerán al mismo label, de hecho el label es sólo como un mensaje, no tiene mayor uso excepto seleccionar la opción al dar clic en el texto, de ahí en fuera podría no estar, no influencia la racaudación de datos o cosas así.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #3 (permalink)  
Antiguo 04/04/2011, 15:53
Avatar de uikekarallo  
Fecha de Ingreso: diciembre-2009
Ubicación: Galicia
Mensajes: 338
Antigüedad: 14 años, 3 meses
Puntos: 16
Respuesta: Codigo correcto label con 2 input

Hola.

En realidad la etiqueta label se utiliza para definir el campo del formulario al que hace referencia a través del atributo for, que va ligado al atributo id del input. Su función es la de fijar el foco en el input objetivo haciendo click en el texto de la etiqueta label. También es útil, sobretodo, añadiéndole el atributo accesskey para mejorar la accesibilidad.

Un ejemplo para que se entienda

Código HTML:
<label for="usuario" accesskey="U">Usuario:</label> <input type="text" name="nombre" id="usuario" /> 
Un usuario con discapacidad, pulsando la tecla "U", haría que el foco pase al label y de este al input.
Para el resto de usuarios, haciendo click en el texto "Usuario:" fijarían el foco en el input.

De esta manera, utilizar un label para 2 inputs sería incorrecto, ya que habría que repetir la id.


Un saludo.
  #4 (permalink)  
Antiguo 05/04/2011, 00:32
Avatar de jadoblas  
Fecha de Ingreso: diciembre-2010
Ubicación: Malaga
Mensajes: 38
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Codigo correcto label con 2 input

Gracias por tu respuesta pero en el ejemplo solo veo un input cual seria la referencia del 2 type radio y 2 typre checkbock con el mismo label?
puedes ponerme el ejemplo entero para que me haga una idea correcta.
Gracias y un saludo
  #5 (permalink)  
Antiguo 05/04/2011, 06:19
Avatar de uikekarallo  
Fecha de Ingreso: diciembre-2009
Ubicación: Galicia
Mensajes: 338
Antigüedad: 14 años, 3 meses
Puntos: 16
Respuesta: Codigo correcto label con 2 input

Veamos, cada <label> va dirigido a un único <input>, de esta manera:

Código HTML:
<label for="nombre">Nombre:</label> <input type="cualquiera" id="nombre" /> 
Como ves, la manera de ligar un label a un input es la siguiente:
<label for="nombre"> y <input id="nombre">
Como un id nunca puede repetirse en una página, cada label tiene su input. Por lo que no puedes utilizar un label para 2 inputs, a menos que no utilices el atributo for (por ejemplo para 2 input radio y un sólo label)


Un saludo.

Etiquetas: formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:22.