Autor Tema: Html. Cuestionario: casillas de verificación, lista de opciones y botones radio  (Leído 2229 veces)

kukuxumusu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 6
    • Ver Perfil
Buenas tardes a todos! Lo primero, mil gracias de antemano a aquella alma caritativa que me resuelva el problema. El caso es que le he dado varias vueltas y no logro hacer que se seleccione solo uno de los botones radio, se pueden seleccionar todos en mi ejemplo, lo que implica que algo he hecho mal xD. Os pego el código :-\.

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo del uso de formularios</title>
</head>
<body>
<h1>PREFERENCIAS MUSICALES</h1>
<form method="get" action="http://aprenderaprogramar.com/action.php">
<h2>Selecciona tu tipo de música favorita:</h2>
<br />
<input name="rock" type="checkbox" />Rock
<br />
<input name="pop" type="checkbox"  />Pop
<br />
<input name="rap" type="checkbox" />Rap

<h2>Selecciona tu rango de edad:</h2>

<br />
<input name="rango12a17" type="radio" value="rango1" />De 12 a 17
<br />
<input name="rango18a35" type="radio" value="rango2" />De 18 a 35
<br />
<input name="rango36a65" type="radio" value="rango3"  />De 36 a 65
<br />
<input name="rangomayores65" type="radio" value="rango4" />Mayor de 65

<br /><br /><br />

<h2>Selecciona grupos o cantantes que te gusten:</h2>
Elije tantas opciones como quieras, (manteniendo presionada la tecla "Ctrl"):<br /><br />
<select name="entradalista2[]" multiple="multiple">
<optgroup label="Pop">
<option>Michael Jackson</option>
<option>Rihanna</option>
<option>Shakira</option>
</optgroup>
<optgroup label="Rock">
<option>Led Zeppelin</option>
<option>Deep Purple</option>
<option>ACDC</option>
</optgroup>
<optgroup label="Rap">
<option>Eminem</option>
<option>50 cent</option>
<option>Snoop Dog</option>
</optgroup>
</select>
<input type="submit" value="Enviar">
<input type="reset">
</form>
</body>
</html>


Pasad buena tarde ;)!
« Última modificación: 15 de Junio 2017, 14:38 por Ogramar »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Hola kukuxumusu.

El resultado que obtienes es debido a que usa un "name" distinto para cada botón radio.
Si escribes el mismo nombre para todos, solo podrá haber uno seleccionado.

En la entrega CU00723B del curso HTML de https://www.aprenderaprogramar.com queda bien explicado:

https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=534:checkbox-y-radio-en-form-html-select-option-y-optgroup-multiple-listas-desplegables-opciones-cu00723b&catid=69&Itemid=192

Saludos. ;D

kukuxumusu

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 6
    • Ver Perfil
Sí!! Toda la razón, ya lo solucioné. Gracias!

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".