Botón de radio Vs Casilla de verificación en HTML

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.

Publicación traducida automáticamente

Artículo escrito por akshara_a y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta