Como hacer un radio button en html en una pagina web
Insertar radio button en html
Hoy veremos
como hacer un radio button en html fácilmente y para qué se utilizar en un sitio web desde cero.
Antes de nada debes saber que los radios buttons también son conocidos como option buttons o en español botones de radio o botones de opciones siendo muy útiles.
Antes de pasar a mostrarme la forma de
agregar un ratio button en html es fundamental conocer que son elementos HTML creados para formularios.
Su función básica es la de permitir escoger una única opción entre un grupo.
El comportamiento es parecido a un select de selección única pero aquí las distintas opciones se muestran de manera explícita en vez de aparecer mediante un despegable.
Seleccionar sólo una única opción de un grupo de opciones se puede realizar de varios formas.
Puede usarse a modo de muestra para responder a una encuesta o seleccionar un país de un selector de países.
Esto es sólo un ejemplo de muchos usos a modo de formularios online que podemos hacer una vez seamos capaces de
poner un radio button en html en una página web
Como crear radio button en un sitio web
Los radio buttons o botones de opciones se deben usar cuando se necesite elegir una sola opción entre varias posibles de forma excluyente entre sí.
Por lo tanto si no existen varias opciones para escoger resulta mejor usar un checkbox porque el checkbox permite el desmarcado, mientras que cuando vamos a agregar radio button html no lo permite.
Así ocurre que una vez seleccionado el radio boton, únicamente se desmarcará cuando seleccionamos otro boton radio html
del mismo grupo.
Debido a ello se habla de selección de opciones excluyentes entre ellas mismas.
El origen del nombre viene de las radios antiguas analógicas donde teníamos que usar botones para escuchar emisoras preconfigurada.
En estos dispositivos cuando seleccionábamos radios con el botón correspondiente, se desconectaba de forma automática cualquier otra estación.
Anteriormente os hemos dejado un vídeo tutorial que os ayudará si queréis saber como agregar un radio button en html
facilmente.
La etiqueta BUTTON se usa con una apertura de etiqueta < BUTTON > y otra etiqueta de cierre </ BUTTON >.
Además entre ambas etiquetas, de apertura y cierre debes poner el contenido que irá dentro del botón.
Se consiguen con la etiqueta
<INPUT type=radio>
Con el atributo NAME de la etiqueta
<INPUT>
Les damos un nombre para agrupar los
botones de radio html
donde solo se pueda elegir una opción entre varias disponibles.
Con el atributo value indicamos el valor de cada uno de los radio buttons.
El atributo checked nos permitirá mostrar cuál de ellos tiene que estar seleccionado por defecto en la página web.
Esperamos desde nuestro blog haberos ayudado con esta publicación tan interesante y como siempre recomendaros leer posts informativos tan interesantes como los
cantantes de reggaeton famosos actuales.
