Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Jack_F en 13 de Diciembre 2016, 21:44

Título: HTML. Casilla de verificación(checkbox), botones radios(radio), select CU00723B.
Publicado por: Jack_F en 13 de Diciembre 2016, 21:44
Aquí dejo el ejercicio CU00723B del programa formativo para programadores web.

Ejercico de casilla de verificacion, botones radios y listas opciones.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
        <head>
        <meta charset="utf-8" />
<title>Ejercicio CU00723B</title>
</head>
<body>
        <h1 style="text-align:left; color:blue; text-decoration: underline;">Preferencias musicale</h1>

<form method="get" action="http://aprenderaprogramar.com/action.php">
         Musica forvorita:<br />
        <input name="preferencia" type="checkbox" />Rock
<br />
<input name="preferencia" type="checkbox" />Pop
<br />
<input name="preferencia" type="checkbox" />Jazz
<br /><br />
Ingresa tu edad:
<br />
<input name="edad" type="radio" value="de12a17" />De 12 a 17 años
<br />
<input name="edad" type="radio" value="de18a35" />De 18 a 35 años
<br />
<input name="edad" type="radio" value="de36a65" />De 36 a 65 años
<br />
<input name="edad" type="radio" value="masde65" />Y mas de 65 años
<br /><br />
Grupos y cantantes que te gustan:<br /><br />
<select multiple="multiple" name="rock[]">
          <optgroup label="Rock">
              <option>Adrián Biniez</option>
  <option>Cristian Aldana</option>
  <option>Cris Manzano</option>
  </optgroup>
  </select>
<select multiple="multiple" name="pop[]">
  <optgroup label="Pop">
             <option>Edita Abdieski</option>
<option>Hej Matematik</option>
<option>Mick Hucknall</option>
  </optgroup>
  </select>
   <select multiple="multiple" name="jazz">
  <optgroup label="Jazz">
              <option>Claudia Acuña</option>
  <option>Sade Adu</option>
  <option>Najma Akhtar</option>
  </optgroup>
</select>
<br /><br />
<input type="submit" value="Enviar Formulario" />
<input type="reset" value="Cancelar" />

</form>
</body>
</html>
Título: Re:HTML. ejercicio, opciones para pedir datos en formularios. CU00723B.
Publicado por: Jack_F en 15 de Diciembre 2016, 01:17
Epa, creo que en el ejercicio puse mal el <input name="preferencia" type="checkbox" /> y debia ser <input name="preferencia_rock" />. Tambien es para los demás <input name="preferncia_pop" /> y <input name="preferencia_jazz" />.
Espero este bien resuelto ahora que puse bien los <input .
Título: Re:HTML. ejercicio, opciones para pedir datos en formularios. CU00723B.
Publicado por: pedro,, en 15 de Diciembre 2016, 11:11
Hola Jorgito.

El ejercicio está bien.

Por comentarte algo, si colocas los "checkbox" o los "radio" entre etiquetas "label" conseguirás que también se puedan seleccionar dichos elementos pulsando sobre el texto y no solo pinchando en la imagen que los representa.

Quedaría así:

Código: [Seleccionar]
<label for="preferencia_rock"><input id="preferencia_rock" name="preferencia_rock" type="checkbox" />Rock</label>
Saludos. ;D
Título: Re:HTML. Casilla de verificación(checkbox), botones radios(radio), select CU00723B.
Publicado por: Jack_F en 15 de Diciembre 2016, 13:58
Hola  Pedro, gracias de nuevo, aclaradas todas mis dudas.

Saludos.