Autor Tema: checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B (Leído 3294 veces)

Lorenzo31 · « **en:** 17 de Enero 2016, 23:54 »

Buenas noches,

Adjunto la respuesta a mi ejercicio;

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

pedro,, · « **Respuesta #1 en:** 18 de Enero 2016, 23:18 »

Está todo bien, lo único que se te olvidó la etiqueta del cierre del formulario.

Saludos.

Lorenzo31 · « **Respuesta #2 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>

Alex Rodríguez · « **Respuesta #3 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

Lorenzo31 · « **Respuesta #4 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.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B (Leído 3294 veces)

Lorenzo31

checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B

pedro,,

Re:Ejercicio 723B

Lorenzo31

Re:Ejercicio 723B

Alex Rodríguez

Re:checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B

Lorenzo31

Re:checkbox y radio en form HTML. select, option y optgroup. Ejercicio CU00723B

Preguntas y respuestas