Cómo crear una casilla de verificación en su formulario HTML5 - Dummies

A veces, desea que los usuarios de su página web indiquen si la información es verdadera o falsa. El elemento casilla de verificación HTML5 es perfecto para este tipo de entrada porque el usuario puede hacer clic para seleccionar o anular la selección de la opción. Las casillas de verificación son otra variante de la etiqueta de entrada versátil. Las casillas de verificación para huevos verdes y jamón se muestran en la figura:

Las casillas de verificación a menudo aparecen en grupos, pero son independientes entre sí. El código para una página web con casillas de verificación tiene el siguiente aspecto:

formDemo. html

Formulario de demostración
Selección de elementos
Casillas de verificación Huevos verdes Jamón

Normalmente se adjunta una etiqueta al cuadro de texto para que el usuario pueda hacer clic en la casilla de verificación o en la etiqueta asociada para realizar una selección.

Para crear una casilla de verificación, siga estos pasos:

1. Comience con un elemento entrada .

2. Establezca el atributo tipo en la casilla .

   Esto aclara que el elemento de entrada es una casilla de verificación y coloca una pequeña casilla de verificación en la pantalla.

3. Proporcione al elemento un campo id para que su código pueda funcionar directamente con el elemento.

4. Especifique un valor.

   Puede adjuntar un valor a una casilla de verificación. El usuario no verá el valor (a menos que elija hacer que la etiqueta se vea exactamente como el valor).

5. Agregar una etiqueta.

   Las casillas de verificación realmente necesitan tener una etiqueta asociada para que el usuario entienda de qué se trata la casilla de verificación. La etiqueta generalmente se coloca a la derecha de la casilla de verificación.

6. Agregue el atributo para a la etiqueta.

   La etiqueta tiene un atributo especial llamado, que le permite especificar a qué elemento de entrada corresponde la etiqueta. Coloque el valor de id de la casilla de verificación en este atributo de la etiqueta.

   Esto es especialmente útil para casillas de verificación porque, en la mayoría de los navegadores, el usuario puede hacer clic en la etiqueta o en la casilla de verificación para activar la selección. Asociar la etiqueta a la casilla de verificación proporciona al usuario un objetivo más grande para hacer clic y hace que el formulario sea más fácil de usar.

Los formularios HTML no hacen nada por sí mismos. Tendrá que agregar algún tipo de programación en JavaScript o HTML para que la forma haga algo.