html - plantillas - la etiqueta no funciona con la casilla de verificación

cf7 customizer

Question

Ok que me falta Yo tengo:

<form>
    <input type="checkbox" name="showRatings" value="1" checked>
    <label for="showRatings">Show Ratings</label>
</form>

Y cuando hago clic en el texto "Mostrar calificaciones", la casilla de verificación no está activada. Sé que es algo simple.

Answer 1

Creo que el elemento de label enlaza con el atributo id , no con el atributo name . Prueba esto:

<form>
  <input type="checkbox" name="showRatings" id="showRatings" value="1" checked>
  <label for="showRatings">Show Ratings</label>
</form>

Referencia here .

Answer 2

Cuando el elemento de entrada está dentro de la etiqueta, no necesitamos id en el elemento y el atributo ''for'' en la etiqueta, pero cuando está fuera, lo necesitamos.