Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Lorenzo31 en 17 de Enero 2016, 23:54

Título: checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B
Publicado por: Lorenzo31 en 17 de Enero 2016, 23:54
Buenas noches,

   Adjunto la respuesta a mi ejercicio;


Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head> <title>Ejercicio723B</title> <meta charset="utf-8" /> </head>
  <body>
     <h1 style="text-align:center; color:blue;">Preferencias Musicales</h1>
<form method="get" action="https://www.aprenderaprogramar.com">
    <label style="font-type:italic;">Selecciona tu tipo de música favorita:</label>
<br/>
<input type="checkbox" name="rock"/>Rock
<br/>
<input type="checkbox" name="pop"/>Pop
<br/>
<input type="checkbox" name="jazz"/>Jazz
<br/>

<label style="font-type:italic;">Selecciona tu franja de edad:</label>
<br/>
<input type="radio" name="edad"/>de 12 a 17 años.
<br/>
<input type="radio" name="edad"/>de 18 a 35 años.
<br/>
<input type="radio" name="edad"/>de 35 a 65 años.
<br/>
<input type="radio" name="edad"/>más de 65 años.
<br/>

<label style="font-type:italic;">Selecciona grupos y cantantes que te gustan:</label>
<select multiple name="gruposFavoritos">
   <optgroup label="Rock">
       <option>Iron Maiden</option>
   <option>Metalica</option>
   <option>Manowar</option>
</optgroup>

<optgroup label="Pop">
  <option>Fitipaldis</option>
  <option>Jarabe del mismo palo</option>
  <option>Madonna</option>
</optgroup>

<optgroup label="Jazz">
   <option>Mozart</option>
   <option>Michael Jackson</option>
   <option>Juanes</option>
</optgroup>
    </select>
</body>
</html>



Saludos.
Título: Re:Ejercicio 723B
Publicado por: pedro,, en 18 de Enero 2016, 23:18
Está todo bien, lo único que se te olvidó la etiqueta del cierre del formulario.

Saludos.
Título: Re:Ejercicio 723B
Publicado por: Lorenzo31 en 19 de Enero 2016, 00:11
Ouch! que despiste, tienes razon, gracias Pedro.

Dejo la solución corregida por aquí por si acaso.
Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head> <title>Ejercicio723B</title> <meta charset="utf-8" /> </head>
  <body>
     <h1 style="text-align:center; color:blue;">Preferencias Musicales</h1>
<form method="get" action="https://www.aprenderaprogramar.com">
    <label style="font-type:italic;">Selecciona tu tipo de música favorita:</label>
<br/>
<input type="checkbox" name="rock"/>Rock
<br/>
<input type="checkbox" name="pop"/>Pop
<br/>
<input type="checkbox" name="jazz"/>Jazz
<br/>

<label style="font-type:italic;">Selecciona tu franja de edad:</label>
<br/>
<input type="radio" name="edad"/>de 12 a 17 años.
<br/>
<input type="radio" name="edad"/>de 18 a 35 años.
<br/>
<input type="radio" name="edad"/>de 35 a 65 años.
<br/>
<input type="radio" name="edad"/>más de 65 años.
<br/>

<label style="font-type:italic;">Selecciona grupos y cantantes que te gustan:</label>
<br/>
<select multiple name="gruposFavoritos">
   <optgroup label="Rock">
       <option>Iron Maiden</option>
   <option>Metalica</option>
   <option>Manowar</option>
</optgroup>

<optgroup label="Pop">
  <option>Fitipaldis</option>
  <option>Jarabe del mismo palo</option>
  <option>Madonna</option>
</optgroup>

<optgroup label="Jazz">
   <option>Mozart</option>
   <option>Michael Jackson</option>
   <option>Juanes</option>
</optgroup>
    </select>
  </form>
</body>
</html>
Título: Re:checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B
Publicado por: Alex Rodríguez en 20 de Enero 2016, 09:36
Hola Lorenzo

Yo diría también que falta un botón de envío y un botón de cancelar que son elementos básicos en todo formulario (si no están, ¿cómo lo envías?)

Otra cosa, en lugar de Ejercicio 723B preferible un título como checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B esto lo hacemos siempre para poder localizar los temas en el buscador buscando por palabras clave o por códigos de entrega de curso.

Saludos
Título: Re:checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B
Publicado por: Lorenzo31 en 20 de Enero 2016, 11:38
Buenas Alex, entendido lo del nombre. Sí siempre lo hago, este día debía ir con prisas.

Tomo nota de los botones, porque al final el formulario ha de servir para enviar la información aunque no lo pidan, es un boton elemental.

Gracias, tomo buena nota.