HTML < tipo de entrada="radio">
❮ Atributo de tipo HTML <entrada>
Ejemplo
Los botones de radio le permiten al usuario seleccionar solo una de un número limitado de opciones:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definición y uso
<input type="radio">define un botón de opción .
Los botones de radio normalmente se presentan en grupos de radio (una colección de botones de radio que describen un conjunto de opciones relacionadas). Solo se puede seleccionar un botón de radio en un grupo al mismo tiempo.
Nota: El grupo de radio debe compartir el mismo nombre (el valor del nameatributo) para ser tratado como un grupo. Una vez que se crea el grupo de radio, al seleccionar cualquier botón de radio en ese grupo automáticamente se deselecciona cualquier otro botón de radio seleccionado en el mismo grupo. Puede tener tantos grupos de radio en una página como desee, siempre que cada grupo tenga su propio nombre.
Nota: El valueatributo define el valor único asociado con cada botón de opción. El valor no se muestra al usuario, pero es el valor que se envía al servidor en "enviar" para identificar qué botón de opción se seleccionó.
Sugerencia: ¡ siempre agregue la <label>etiqueta para las mejores prácticas de accesibilidad!
Compatibilidad con navegador
| Attribute | |||||
|---|---|---|---|---|---|
| type="radio" | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<input type="radio">
❮ Atributo de tipo HTML <entrada>