Autor Tema: HTML ejemplo formulario con radio button checkbox y select multiple CU00723B#  (Leído 5836 veces)

Mastermind

  • Experto
  • *****
  • Mensajes: 536
    • Ver Perfil
Posible código propuesta de solución para este ejercicio:

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>HTML- Radios, combos, selects, etc.</title>
</head>
<body>
<h1>Preferencias musicales</h1>
<form method="get" action="http://aprenderaprogramar.com/">
<input name="cbrock" type="checkbox" />Rock
<br/>
<input name="cbpop" type="checkbox" />Pop
<br/>
<input name="cbjazz" type="checkbox" />Jazz
<br/>
<h1>Cual es tu edad?</h1>
<input name="edad" type="radio" value="12_17" />de 12 a 17 años
<br/>
<input name="edad" type="radio" value="18_35" />de 18 a 35 años
<br/>
<input name="edad" type="radio" value="36_65" />de 36 a 65 años
<br/>
<input name="edad" type="radio" value="mas65" />más de 65 años
<br/>
<h1>Grupos y cantantes que te gustan</h1>
<select name="elecGrupCant" multiple="multiple">
<optgroup label="Rock">
<option value="gd">Green Day</option>
<option value="lp">Linkin Park</option>
<option value="pa">Paramore</option>
</optgroup>
<optgroup label="Pop">
<option value ="od">One Direction</option>
<option value="m5">Maroon 5</option>
<option value="cp">Coldplay</option>
</optgroup>
<optgroup label="Jazz">
<option value="mb">Michael Bublé</option>
<option value="jc">Jamie Cullum</option>
<option value="ba">Ben Allison</option>
</optgroup>
</select>
<br/><br/>
<input type="submit" value="Enviar" />
</form>
</body>
</html>
« Última modificación: 13 de Enero 2016, 14:36 por Ogramar »

 

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".