Autor Tema: HTML. Casilla de verificación(checkbox), botones radios(radio), select CU00723B. (Leído 2385 veces)

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>

Jack_F · « **Respuesta #1 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 .

pedro,, · « **Respuesta #2 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.

Jack_F · « **Respuesta #3 en:** 15 de Diciembre 2016, 13:58 »

Hola Pedro, gracias de nuevo, aclaradas todas mis dudas.

Saludos.

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

Noticias: