Tecnología

Inicio

Casilla de verificación HTML Tutorial

Casilla de verificación HTML Tutorial


Un lenguaje de marcado de hipertexto o HTML, casilla de verificación es un elemento que da forma a internet a sus visitantes la posibilidad de enviar la información de nuevo a usted. Este elemento se muestra como una caja y produce una marca de verificación cuando el usuario hace clic en su ratón para seleccionar la opción que usted ofrece. Las casillas de verificación son particularmente útiles cuando se quiere presentar una o más opciones de formulario a su visitante. Utilice el programa editor de texto de su ordenador para crear las casillas de verificación HTML que se requieren.

Instrucciones

1 Abrir el programa editor de texto de su ordenador y crear un nuevo documento de página Web.

2 Tipo "<form> </ form>" etiquetas en la zona en la que desea que aparezca tu casilla de verificación. Para ilustrar:

<Form>

</ Form>

3 Coloca el cursor entre las etiquetas de formulario y escriba "<input type =" "name =" "value =" "/>." Además, escriba un título antes de que el código para que el espectador sabe lo que la casilla de verificación es para. Por ejemplo:

Pepperoni <input type = "" name = "" value = "" />

4 Coloque el cursor entre el primer conjunto de comillas después de "tipo" y escriba "casilla de verificación" para especificar que va a crear una casilla de verificación. Además, introduzca un término de su elección después de que el "nombre" para identificar esta información cuando es enviado de nuevo a usted. Por último, escriba otro término deseado después de "valor" para determinar la respuesta en particular que el usuario ha seleccionado. Por ejemplo:

Pepperoni <input type = "checkbox" name = "pizza" value = "pepperoni" />

5 Repita los pasos 3 y 4 para crear otra casilla, pero esta vez introduzca un nuevo título, el nombre y el valor de etiquetar correctamente esta caja. Por ejemplo:

Hongos <input type = "checkbox" name = "pizza" value = "setas" />

6 Guarde el documento. Su código completo ahora se ve de la siguiente manera:

<Form>

Pepperoni <input type = "checkbox" name = "pizza" value = "pepperoni" />

Hongos <input type = "checkbox" name = "pizza" value = "setas" />

</ Form>