Botón de radio: generalmente se usa en formularios HTML. Los formularios HTML son necesarios cuando necesita recopilar algunos datos de los visitantes del sitio. Un botón de radio se usa cuando desea seleccionar solo una opción de varias opciones disponibles.
Ejemplo:
<html> <head> <title> Radio Button <title> </head> <body> <form> Do you agree this statement? <br> <input type="radio" name="agree" value="yes">Yes <br> <input type="radio" name="agree" value="no">No <br> <input type="Submit"> </form> </body> </html>
Producción:
Casilla de verificación: las casillas de verificación también se utilizan principalmente en formularios HTML. Una casilla de verificación le permite elegir una o varias opciones para seleccionarlas de una lista de opciones.
Ejemplo:
<html> <head> <title> HTML Checkbox <title> </head> <body> <form> Choose languages you know: <br> <input type="checkbox" name="C" value="yes">C <br> <input type="checkbox" name="C++" value="yes">C++ <br> <input type="checkbox" name="Java" value="yes">Java <br> <input type="checkbox" name="Python" value="yes">Python <br> <input type="Submit"> </form> </body> </html>
Producción:
Diferencia entre botón de opción y casilla de verificación
| Boton de radio | Caja |
|---|---|
| Se utiliza cuando sólo se va a seleccionar una opción entre varias opciones disponibles. | La casilla de verificación permite seleccionar una o varias opciones. |
| Se crea utilizando la etiqueta HTML <input> pero el atributo de tipo se establece en radio. | También se crea usando la etiqueta HTML <input> pero el atributo de tipo se establece en la casilla de verificación. |
| Es una sola unidad de control. | Es una unidad de control múltiple. |
| El botón de radio se presenta como un pequeño círculo en la pantalla. | La casilla de verificación se presenta como un pequeño cuadro cuadrado en la pantalla. |
| El botón de radio tiene solo 2 estados, a saber, verdadero y falso. | La casilla de verificación tiene 3 estados, a saber: marcado, sin marcar e indeterminado. |
| Se utiliza cuando desea limitar la elección de los usuarios a una sola opción del rango proporcionado. | Se utiliza cuando desea permitir que el usuario seleccione varias opciones. |