Casilla de verificación HTML
Propósito de las casillas de verificación en HTML
Las casillas de verificación y los botones de radio se usan para proporcionar múltiples opciones para elegir para el usuario. Sin embargo, uno podría preguntar dónde difieren estos dos elementos HTML? Bueno, siempre se usa un botón de radio en situaciones en las que desea restringir al usuario para elegir exactamente una opción y no más que eso. Por otro lado, se usa una casilla de verificación cuando desea permitir que el usuario elija más de una opción. Por lo tanto, siempre que desee obtener las opciones máximas posibles de la lista dada, siempre utiliza las casillas de verificación en HTML. Para comprender este uso en detalle, tendrá que leer la siguiente sección de este tutorial.
Código HTML para crear casillas de verificación
Puede crear casillas de verificación en HTML muy rápidamente. Todo lo que tiene que hacer es seguir los dos ejemplos a continuación para aprender este hack:
Ejemplo 1: Obtener la ocupación de una persona
Ya hemos mencionado que las casillas de verificación en HTML y cualquier otro idioma siempre se usan siempre que tenga la libertad de elegir más de una opción. Por lo tanto, en este escenario, diseñaremos un script HTML para obtener la ocupación de una persona. Ahora, esta persona puede ser un "estudiante", un "maestro" o ambos. En el caso de la última opción, queremos darle a la persona la libertad de seleccionar ambas casillas a la vez. Para diseñar dicha funcionalidad, hemos diseñado el siguiente script HTML:
Después de usar la declaración de declaración de tipo de documento, hemos usado las etiquetas "" y "" para que podamos escribir nuestro script HTML. Entonces, hemos usado el "
"Bandera de encabezado para especificar el encabezado de nuestra página web. Esto es seguido por el indicador de "tipo de entrada" que hemos usado para notificar que vamos a crear una casilla de verificación en HTML. Luego, hemos creado una "ID" y "Nombre" para esta casilla de verificación. También hemos asignado una etiqueta a esta casilla de verificación. Después de eso, hemos utilizado la etiqueta "Etiqueta" para mencionar la etiqueta de cada una de nuestras casillas de verificación HTML. De la misma manera, hemos diseñado la otra casilla de verificación. Después de eso, también hemos creado un botón de "enviar" solo para hacer la aparición de nuestra página web agradable.
Después de guardar y ejecutar este script HTML con Google Chrome, la página web que se muestra en la imagen a continuación apareció en nuestro navegador:
Ahora, se le permite seleccionar tantas opciones de esta página web como desee. En la siguiente imagen, solo hemos seleccionado una de las dos casillas de verificación.
En la imagen que se muestra a continuación, hemos seleccionado ambas casillas de verificación.
Para mejorar la funcionalidad de este script HTML, incluso puede diseñar una página de acción utilizando PHP para que cuando presione el botón "Enviar" después de seleccionar la casilla de verificación deseada, se toman medidas relevantes contra ella.
Ejemplo 2: seleccionar el sabor favorito de batido:
A veces, incluso puede optar por diseñar una página web muy simple mientras usa las casillas de verificación HTML sin ningún botón de acción. Por ejemplo, es posible que simplemente desee presentar algunas casillas de verificación al usuario para elegir su sabor favorito de batido. Sin embargo, no quieres que haga nada más después de hacer esta selección. Tales instancias son muy raras. Normalmente, le pide al usuario que tome cualquier acción después de seleccionar, como hacer clic en un botón. Sin embargo, todavía nos gustaría mostrarle tal ejemplo. Para ilustrar este ejemplo, hemos diseñado el siguiente script HTML para usted:
En este script HTML, los elementos esenciales del script son: la declaración de tipo de documento, las etiquetas "" y "" son las mismas y sus propósitos también son exactamente lo mismo que hemos descrito en nuestro primer ejemplo. Luego, hemos usado una etiqueta de párrafo para mostrar un mensaje al usuario que le pide que elija su sabor favorito de batido. Un usuario puede elegir convenientemente más de un sabor de su elección si desea. Luego, hemos definido las etiquetas de estas casillas de verificación seguidas de la declaración respectiva de las casillas de verificación. Debe notar aquí que esta vez, no hemos utilizado la etiqueta HTML "Etiqueta" para especificar la etiqueta. Más bien, acabamos de definir las etiquetas como es. Significa que es otra forma en que puede crear etiquetas para sus casillas de verificación solo para simplificar su script HTML. Después de escribir completamente este script, simplemente guardamos este archivo de bloc de notas con el ".Extensión HTML "para que pueda ejecutarse fácilmente con cualquier navegador de nuestra elección.
Hemos ejecutado este script HTML mientras usamos Google Chrome y se muestra la página web que se muestra en la imagen a continuación en nuestro navegador:
Ahora, puede seleccionar convenientemente tantos casillas de verificación como desee. Esto se muestra en la siguiente imagen:
Conclusión
Con este tutorial, queríamos compartir con usted el uso de las casillas de verificación HTML de la manera más fácil. Por hacerlo, primero le presentamos el propósito básico de este elemento HTML. Después de eso, le explicamos dos ejemplos diferentes que hicieron uso de este elemento HTML. Al pasar por estas explicaciones, puede comenzar fácilmente a usar las casillas de verificación HTML siempre que desee proporcionar a sus usuarios la flexibilidad para elegir más de una opción de cualquier lista de opciones dadas.