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 radio HTML son únicos, porque ofrecen al usuario varias opciones pero solo permiten seleccionar una de las opciones dadas en un momento dado. Uno de los usos más comunes de los botones de opción HTML es capturar una elección dentro de los formularios de entrada del usuario, aunque también pueden tener sus eventos de selección y deselección 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. Algunos ejemplos de situaciones en las que se pueden utilizar botones de opción HTML incluyen la selección de un género, que solo puede tener un valor de dos opciones diferentes, o la elección de una única 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 una etiqueta de texto que se muestra donde se encuentra el botón dentro de un diseño. Junto a 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 en su interior 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, se anula la selección de todos los demás botones del mismo grupo, 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 número 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, se anula la selección de todos los demás botones de opción con el mismo nombre, también llamados su grupo. El uso de diferentes nombres de grupo permite que existan diferentes conjuntos de botones de opción dentro del mismo documento. La etiqueta de valor es el valor de retorno real del 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 opción HTML se puede modificar de varias formas. 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 de círculo seleccionadas, se puede personalizar completamente y reemplazar con imágenes generadas por el usuario mediante la manipulación del modelo de objetos de documento (DOM) con CSS y JavaScript®, aunque la compatibilidad con el navegador no siempre es consistente desde una aplicación. a otro.