02 Votos

HTML: Label para Checkbox en otra Celda de una Tabla

Pregunta de Invitado | 01/09/2020 a las 10:59

He incluido algunas checkboxes en mi sitio web que están organizadas mediante una tabla. La disposición no es el problema, pero estoy usando la label-etiqueta y, desafortunadamente, no funciona con la mesa.

Cuando se utilizan labels fuera de las tablas o dentro de una celda de la tabla, funciona sin problemas:

<label><input type="checkbox" name="cb" value="1"> Texto</label>

Pero tan pronto como intenta organizar la casilla de verificación en otra celda de la tabla que no sea el texto de la label, ya no funciona:

<tr>
  <td><label><input type="checkbox" name="cb" value="1"></td>
  <td>Texto</label></td>
</tr>

Entonces, el primer ejemplo está funcionando, el segundo ejemplo no está funcionando. ¿Que puedo hacer? Para mi disposición, sería bueno dividir la checkbox del texto de la label, pero no funciona así.

ResponderPositivoNegativo
1Mejor Respuesta1 Voto

En su caso, debe utilizar el atributo "label for".

Aquí hay un ejemplo:

<tr>
  <td>
    <input type="checkbox" id="cb" name="cb" value="1">
  </td>
  <td>
    <label for="cb">Texto</label>
  </td>
</tr>

Como puede ver, en este caso la label-etiqueta está solo alrededor del texto. Con el atributo "for", puede indicarle a esta label el ID de la casilla de verificación a la que corresponde.

Por lo tanto, es posible separar la label y la checkbox como desee.
01/09/2020 a las 20:11

ResponderPositivo Negativo
Responder

Temas Relacionados

CSS: Cómo incluir CSS en HTML

Tutorial | 0 Comentarios

SQLite: Examinar si existe una Tabla

Información | 0 Comentarios

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.