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 activar o desactivar la opción. Las casillas de verificación son otra variante de la versátil entrada etiqueta. Las casillas de verificación para Green Eggs and Ham se muestran en la figura:

imagen0.jpg

Las 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

Formulario de demostración

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

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

  1. Comience con un entrada elemento.

  2. Ajuste el escribe 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 el elemento de un Identificación campo para que su código puede trabajar 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 usted elija para hacer la etiqueta se asemejan al valor).

  5. Añadir una etiqueta.

    Las 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. Agregue el para atribuir a la etiqueta.

    La etiqueta tiene un atributo especial llamado para, que le permite especificar qué elemento de entrada la etiqueta corresponde. Coloca el Identificación 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 le da al usuario un blanco más grande hacer clic y hace que la forma más fácil de usar.

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




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