prucommercialre.com


Cómo construir una opcion en su formulario HTML5

A veces, usted quiere que sus usuarios de la página web para indicar si la información es verdadera o falsa. El elemento casilla 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 Green Eggs and Ham se muestran en la figura:

Cómo construir una opcion en su formulario HTML5

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í:

<! DOCTYPE HTML>
<Html lang = "es">
<Head>
<Title> formDemo.html </ title>
<Charset meta = "UTF-8" />
</ Head>
<Body>
<H1> Formulario demo </ h1>
<Form>
<Fieldset>
<Legend> Selección de elementos </ legend>
<P>
<Label> Las casillas de verificación </ label>
<Input type = "checkbox"
id = "chkEggs"
value = "greenEggs" />
<Label for = "chkEggs"> Huevos verdes </ label>

<Input type = "checkbox"
id = "chkHam"
value = "jamón" />
<Label for = "chkHam"> Jamón </ label>
</ P>
</ Fieldset>
</ Form>
</ Body>
</ Html>

Normalmente se adjunta 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 elemento de entrada.
  2. Establezca el atributo tipo de casilla.

    Esto aclara que el elemento de entrada es una casilla de verificación y coloca una pequeña caja comprobable en la pantalla.
  3. Dé el elemento un campo id para que su código puede trabajar directamente con el elemento.
  4. Especifique un valor.

    Usted 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.

    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 atributo a la etiqueta.

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

    Esto es especialmente útil para las 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.