Cómo construir una casilla de verificación en el formulario de html5

A veces, desea que los usuarios de la página web para indicar si la información es verdadera o falsa. el HTML5 caja elemento es perfecto para este tipo de entrada debido a que 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 versátil entrada etiqueta. Casillas de verificación de los huevos y jamón verdes se muestran en la figura:

Casillas de verificación aparecen a menudo en grupos, pero son independientes entre sí. El código de una página web con casillas de verificación se ve así:

formDemo.html

forma de demo

Por lo general adjunta una etiqueta en el cuadro de texto para que el usuario puede hacer clic en la casilla o la etiqueta asociada a hacer una selección.

Video: [Taller] Como hacer un Formulario estilo Material Design 7.- Validando Radio Button y Checkbox

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

  1. Comenzar con una entrada elemento.

  2. Selecciona el tipo atribuir a caja.

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

  3. Dar al elemento carné de identidad campo para que su código puede trabajar directamente con el elemento.

  4. Especifique un valor.

    Se puede asignar un valor a una casilla de verificación. El usuario no verá el valor (a menos que usted elija para hacer la etiqueta se asemejan al valor).

  5. Añadir una etiqueta.

    Casillas de verificación realmente necesita tener una etiqueta asociada con ellos para que el usuario entienda lo que la casilla de verificación está a punto. La etiqueta se coloca generalmente a la derecha de la casilla de verificación.

  6. Añade el para atribuir a la etiqueta.

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

    Esto es especialmente útil para casillas de verificación, ya que, en la mayoría de los navegadores, el usuario puede hacer clic en cualquiera de la etiqueta o la casilla de verificación para activar la selección. La asociación de la etiqueta de la casilla de verificación le da al usuario un objetivo más grande para hacer clic y hace que la forma más fácil de usar.

Video: Validar Formularios con HTML5

formularios HTML no hacen nada por su propia cuenta. Usted tendrá que añadir algún tipo de programación en javascript o HTML para hacer la forma de hacer algo.

Artículos Relacionados