En este artículo hablaremos sobre los formularios en HTML y cómo utilizar las etiquetas input de tipo checkbox y radio. Estos elementos son muy útiles para la interacción con el usuario y nos permiten obtener datos de forma sencilla. A continuación, te mostraremos cómo trabajar con ellos.
Etiqueta input checkbox
La etiqueta input de tipo checkbox se utiliza para crear casillas de verificación, también conocidas como checkboxes. Estas casillas permiten al usuario seleccionar una o varias opciones de entre un conjunto de posibilidades.
Para utilizar una casilla de verificación, debemos añadir el atributo type="checkbox" a la etiqueta input. Además, podemos especificar un valor para el atributo value y añadir un texto descriptivo dentro de la etiqueta label.
<input type="checkbox" name="opcion1" value="1"> <label for="opcion1">Opción 1</label>
Cuando el usuario marca una casilla, se enviará el valor especificado en el atributo value al servidor si el formulario se envía. Si la casilla no está marcada, no se enviará el valor correspondiente. Esto es especialmente útil cuando necesitamos que el usuario seleccione opciones múltiples.
Etiqueta input radio
La etiqueta input de tipo radio también se utiliza para crear opciones de selección, pero a diferencia de las casillas de verificación, solo se puede seleccionar una opción.
Al igual que con las casillas de verificación, debemos añadir el atributo type="radio" a la etiqueta input. También podemos especificar un valor para el atributo value y añadir un texto descriptivo dentro de la etiqueta label.
<input type="radio" name="opcion" value="1"> <label for="opcion1">Opción 1</label> <br> <input type="radio" name="opcion" value="2"> <label for="opcion2">Opción 2</label>
Es importante destacar que, al utilizar la etiqueta input de tipo radio, debemos agrupar las opciones que queremos que sean excluyentes utilizando el mismo valor para el atributo name. De esta manera, solo se podrá seleccionar una opción dentro del grupo.
Conclusiones
En resumen, las etiquetas input de tipo checkbox y radio son elementos importantes en los formularios de HTML. Con ellas, podemos obtener información del usuario mediante casillas de verificación y selección exclusiva, respectivamente. Es fundamental conocer cómo utilizar estas etiquetas y aprovechar sus funcionalidades en nuestros proyectos.
Preguntas frecuentes
¿Cómo puedo saber si una casilla de verificación está marcada?
Para saber si una casilla de verificación está marcada, puedes utilizar JavaScript para acceder al atributo checked del elemento correspondiente. Si el atributo tiene el valor true, significa que la casilla está marcada.
¿Es posible tener varias casillas de verificación marcadas al mismo tiempo?
Sí, es posible tener varias casillas de verificación marcadas al mismo tiempo. Basta con que el usuario seleccione las opciones deseadas. Podemos obtener los valores seleccionados en el servidor procesando adecuadamente el formulario enviado.
¿Cómo puedo preseleccionar una opción de radio?
Para preseleccionar una opción de radio, debes añadir el atributo checked al elemento correspondiente y establecer su valor como true. De esta forma, la opción estará marcada por defecto al cargar la página.
Spanish 
English