57 of 133 menu

Interruptor de radio

Un interruptor de radio representa un elemento de formulario HTML en forma de botón circular que puede estar marcado o no.

Un botón de radio se crea usando la etiqueta input con el atributo type con el valor radio. Apariencia:

Casi nunca se utiliza un solo interruptor de radio, se deben usar en grupo. En este caso, solo se puede marcar uno de los interruptores en el grupo. Los interruptores formarán un grupo solo si tienen el mismo valor en el atributo name (ver ejemplos a continuación).

Ejemplo

Hagamos dos interruptores de radio: marquemos el primero (establezcamos el atributo checked), y el segundo - no. En este caso, los interruptores serán un grupo, en el cual solo se puede marcar uno de ellos (ya que tienen el mismo valor en el atributo name).

Tenga en cuenta que a estos botones de radio se les han dado diferentes valores en el atributo value. Esto es necesario para que, después de enviar los datos al servidor, PHP pueda determinar cuál de los interruptores fue seleccionado:

<input type="radio" name="test" checked value="1"> <input type="radio" name="test" value="2">

:

Ejemplo

Ahora hagamos dos grupos de interruptores de radio: el primer grupo tendrá un valor para el atributo name, y el segundo - otro. Intentemos hacer clic en ellos y veremos que los grupos cambian independientemente uno del otro:

<input type="radio" name="radio1" checked> <input type="radio" name="radio1"> <input type="radio" name="radio1"> <br> <input type="radio" name="radio2" checked> <input type="radio" name="radio2"> <input type="radio" name="radio2">

:

Véase también

  • casilla de verificación,
    con el cual se puede implementar una casilla de verificación
  • atributo checked,
    que marca el interruptor de radio
  • pseudoclase checked,
    que establece estilos para los botones de radio marcados
  • atributo disabled,
    que bloquea los elementos de formulario
  • etiqueta label,
    que establece una etiqueta para el botón de radio
Español
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Usamos cookies para el funcionamiento del sitio, análisis y personalización. El procesamiento de datos se realiza de acuerdo con la Política de privacidad.
aceptar todas configurar rechazar