Articulo de referencia

Botón de opción

Cuatro opciones en un botón de opción. Al seleccionar una nueva opción, la opción seleccionada anteriormente se deselecciona. Un botón de opción o botón de radio [ 1 ] es un ele...

Cuatro opciones en un botón de opción. Al seleccionar una nueva opción, la opción seleccionada anteriormente se deselecciona.

Un botón de opción o botón de radio [ 1 ] es un elemento de control gráfico que permite al usuario elegir solo una de un conjunto predefinido de opciones mutuamente excluyentes. [ 2 ] La propiedad singular de un botón de radio lo distingue de las casillas de verificación , donde el usuario puede seleccionar y deseleccionar cualquier número de elementos.

Los botones de opción se agrupan de dos en dos o más y se muestran en pantalla como, por ejemplo, una lista de círculos que pueden contener espacios en blanco (para no seleccionados) o un punto (para seleccionados). Cada botón de opción suele ir acompañado de una etiqueta que describe la opción que representa. Las opciones son mutuamente excluyentes; cuando el usuario selecciona un botón de opción, cualquier otro botón de opción previamente seleccionado en el mismo grupo se deselecciona (de modo que solo se puede seleccionar uno). Para seleccionar un botón de opción, basta con hacer clic con el ratón sobre el botón o la etiqueta (o tocar la pantalla sobre ellos) o mediante una combinación de teclas.

Etimología

Una radio con una fila de cinco botones desplegables.

Los botones de radio reciben su nombre de los botones físicos que se usaban en las radios para seleccionar emisoras preestablecidas. [ 3 ] [ 2 ] Cuando se presiona uno de los botones, los demás se despliegan mientras que el que se presionó permanece presionado.

HTML

En los formularios web , el elemento HTML se utiliza para mostrar un botón de opción. Ejemplo:<inputtype="radio">

<form> < input type = "radio" name = "season" value="winter" id="winter" checked> <label for="winter">Invierno</label> < input type = " radio " name = " season " value = " spring " id = " spring " > < label for = " spring " > Primavera </label> < input type = " radio " name = " season " value = " summer " id = " summer " > < label for = " summer " >Verano </label> < input type = " radio " name = " season" value = " autumn " id = " autumn " > < label for = " autumn " > Otoño </label> </form>

Un grupo de atributos se define por su nombre. En un grupo, solo se puede seleccionar un botón de opción.

Unicode

La versión del estándar Unicode incluye un carácter designado para representar un botón de opción: U+1F518 🔘 BOTÓN DE OPCIÓN , que se encuentra en la sección Símbolos y pictogramas misceláneos . Caracteres similares son el operador matemático U+2299 OPERADOR DE PUNTO CIRCULADO , así como U+25C9 OJOS DE PEZ y U+25CE DIANA y otros que se asemejan a un punto rodeado por un círculo .

La fuente Wingdings 2 contiene en las posiciones 153 y 158 glifos que parecen botones de opción.

Véase también

Referencias

  1. "Acerca de los botones de opción" . docs.oracle.com . Consultado el 2 de febrero de 2025 .
  2. 1 2 "Botones de opción" . Centro de desarrollo de Windows . Consultado el 14 de septiembre de 2016 .
  3. Yumashev, Alex. "La historia de un botón de opción" . Blog de los fundadores de JitBit . Consultado el 14 de septiembre de 2016 .
  • RFC 1866 : la especificación HTML 2.0, que definió los botones de opción en la web. 
  • Especificación W3C HTML 4.01
  • Uso de botones de opción en el tutorial de programación Java de Sun.
  • Nielsen, Jakob (27 de septiembre de 2004). "Casillas de verificación frente a botones de opción" . Nielsen Norman Group (artículo). [Fremont, California] . Consultado el 12 de noviembre de 2014 .