¿Qué son los botones de radio HTML?

En un documento de lenguaje de marcado de hipertexto (HTML), los botones de opción son un tipo de elemento visual que puede seleccionar un usuario. Los botones de opción HTML son únicos, ya que ofrecen al usuario varias opciones, pero solo permiten seleccionar una de las opciones dadas en cualquier momento. Uno de los usos más comunes para los botones de opción HTML es capturar una elección dentro de los formularios de entrada del usuario, aunque también pueden hacer que sus eventos de selección y des-selección sean interceptados por scripts u otros programas, lo que les permite actuar como selectores instantáneos para otros elementos en una página web. Mediante el uso de hojas de estilo en cascada (CSS) y JavaScript®, los botones de opción HTML pueden usar imágenes personalizadas para mostrar, anulando su apariencia predeterminada. Los ejemplos de situaciones en las que se podrían usar los botones de opción HTML incluyen seleccionar un género, que solo puede tener un valor entre dos opciones diferentes, o elegir una sola dirección de envío cuando se enumeran varias direcciones.

En algunos aspectos, los botones de opción HTML son similares a las casillas de verificación HTML. A cada botón se le asigna una imagen o etiqueta de texto que se muestra donde se encuentra el botón dentro de un diseño. Al lado de esta etiqueta hay un círculo que está vacío cuando el botón de opción no está seleccionado y tiene un punto u otro patrón de relleno dentro cuando está seleccionado. Un usuario puede hacer clic en el círculo para seleccionarlo; El aspecto único de los botones de opción HTML es que, cuando se selecciona un botón, todos los demás botones del mismo grupo se deseleccionan, lo que permite elegir solo un elemento a la vez. Esto es diferente a las casillas de verificación, que son similares pero permiten seleccionar cualquier cantidad de opciones a la vez.

Hay dos valores dentro de las propiedades de los botones de opción HTML que son importantes para su uso. El primero es el campo de nombre que identifica el grupo al que pertenece un botón de radio dentro de un documento HTML, y el segundo es el campo de valor. Cuando se selecciona un botón, todos los demás botones de opción con el mismo nombre, también llamado su grupo, se deseleccionan. El uso de diferentes nombres de grupos permite que existan diferentes conjuntos de botones de radio dentro del mismo documento. La etiqueta de valor es el valor de retorno real para el botón de opción cuando se selecciona y se envía a un script o programa para su procesamiento.

La visualización de los botones de radio HTML se puede modificar de varias maneras. Mediante el uso de valores de alineación HTML y CSS estándar, los botones se pueden organizar dinámicamente dentro de un documento de la misma manera que se alinea una imagen. La apariencia de los botones, específicamente el círculo y las imágenes seleccionadas del círculo, se pueden personalizar por completo y reemplazar por imágenes generadas por el usuario manipulando el modelo de objeto del documento (DOM) con CSS y JavaScript®, aunque el soporte del navegador no siempre es consistente desde una aplicación a otro.