Hacer una casilla de verificación HTML con una etiqueta en la que se puede hacer clic significa que la casilla de verificación se activa o desactiva cuando se hace clic en la etiqueta .
A continuación se muestran los métodos:
- Usando la casilla de verificación dentro de la etiqueta de la etiqueta:
<!DOCTYPE html><html><head><title>Create an HTML checkbox with a clickable label</title><!-- Adding Style to label --><style>.GFG {background-color: white;border: 2px solid black;color: green;padding: 5px 10px;text-align: center;display: inline-block;font-size: 20px;margin: 10px 10px;cursor: pointer;}</style></head><body><h1>GeeksforGeeks</h1><!-- Putting checkbox inside label tag --><labelclass="GFG"><inputtype="checkbox"name="checkbox"value="Geeks">GFG</label></body></html>Salida:
antes de hacer clic en la etiqueta:
Después de hacer clic en la etiqueta:
- Usando el atributo for: Cree una casilla de verificación usando la etiqueta de entrada y luego cree una etiqueta para la casilla de verificación creada usando el atributo for.
<!DOCTYPE html><html><head><title>Create an HTML checkboxwith a clickable label</title><!-- Adding Style to label --><style>.GFG {background-color: white;border: 2px solid black;color: green;padding: 5px 10px;text-align: center;display: inline-block;font-size: 20px;margin: 10px 10px;cursor: pointer;}</style></head><body><h1>GeeksforGeeks</h1><!-- Using the for attribute in label --><inputtype="checkbox"name="checkbox"id="checkID"value="Geeks"><labelclass="GFG"for="checkID">GFG</label></body></html>Salida:
antes de hacer clic en la etiqueta:
Después de hacer clic en la etiqueta:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA