Mientras navega por sus sitios web favoritos, aparecen casillas de verificación cuando necesita seleccionar una opción de las muchas disponibles. Estas casillas de verificación se crean en con la ayuda de una etiqueta especial. En este artículo veremos cómo crear una casilla de verificación en HTML y el funcionamiento de las casillas de verificación en la siguiente secuencia:
- ¿Cómo crear una casilla de verificación en HTML?
- Casilla de verificación vs botones de opción
- Deshabilitar una casilla de verificación en HTML
¿Cómo crear una casilla de verificación en HTML?
Una casilla de verificación es un elemento de formulario que le permite seleccionar múltiples opciones de diferentes opciones disponibles. Las casillas de verificación se crean con la etiqueta HTML. Puede estar anidado dentro de un elemento o pueden estar solos. También se pueden asociar con un formulario con la ayuda de atributo de formulario de la etiqueta.
Aquí hay un ejemplo básico para crear una casilla de verificación simple:
rojo verde azul
Salida:
Consideremos otro ejemplo y agreguemos un botón de envío para que las casillas de verificación sean útiles. Aquí, también puede colocar las casillas de verificación dentro de un elemento que especifica una página para procesar el formulario.
¿Cual es tu color favorito? rojo verde azulResultado:
Salida:
Casilla de verificación vs botones de opción
Los botones de radio permiten al usuario seleccionar una sola opción. Considerando que, las casillas de verificación permiten al usuario seleccionar cualquier número de opciones. Tomemos un ejemplo y veamos cómo funcionan los botones de opción y las casillas de verificación:
es una matriz un objeto en java
Casillas de verificación
¿Cual es tu color favorito? rojo verde azulBotones de radio
¿Selecciona tu género? Masculino Femenino DesconocidoResultado:
Salida:
En el ejemplo anterior, puede ver que puede seleccionar tantas casillas de verificación como desee. Hace que la casilla de verificación sea adecuada para momentos en los que el usuario debería poder seleccionar múltiples opciones. Pero, si intenta seleccionar más de un botón de opción, se anula la selección de la selección anterior. Esto le ayuda a obligar a los usuarios a seleccionar solo una opción.
Deshabilitar una casilla de verificación en HTML
Puede desactivar una casilla de verificación en mediante el uso del atributo discapacitado. Esto se puede hacer junto con un script para habilitar o deshabilitar la casilla de verificación dependiendo de si se cumplen ciertos criterios.
que son los paquetes en java
Tomemos un ejemplo para ver cómo podemos inhabilitar una casilla de verificación:
rojo verde azul
Salida:
En el ejemplo anterior, hemos desactivado el color rojo. Por lo tanto, puede seleccionar verde y azul en la casilla de verificación, pero no el color rojo.
Con esto, hemos llegado al final de nuestro artículo. Espero que haya entendido cómo funcionan las casillas de verificación en HTML y cómo se pueden usar de manera diferente.
Ahora que conoce la casilla de verificación en HTML, consulte la por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender cómo crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y cómo implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de 'Casilla de verificación en HTML' y nos comunicaremos con usted.