Autor Tema: Formulario HTML con checkbox radio buttons y optgroup option Ejercicio CU00723B (Leído 2360 veces)

Dimitar Stefanov · « **en:** 12 de Enero 2016, 14:35 »

Código del ejercicio CU00723B del curso HTML desde cero:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Ejemplo de formulario - aprenderaprogramar.com</title>
</head>
<body>
	<h1>Preferencias musicales</h1>
	<form>
		<br />
		<input name="rock" type="checkbox"/>Rock
		<br />
		<input name="pop" type="checkbox"/>Pop
		<br />
		<input name="jazz" type="checkbox"/>Jazz
		<br /><br />
		Edad:
		<br />
		<input name="edad" type="radio"/>de 12 a 17 años
		<br/>
		<input name="edad" type="radio"/>de 18 a 35 años
		<br/>
		<input name="edad" type="radio"/>de 36 a 65 años
		<br/>
		<input name="edad" type="radio"/>más de 65 años
		<br/><br/>
		Grupos y cantantes que te gustan:
		<select multiple="multiple">
			<optgroup label="Rock">
				<option>Anna</option>
				<option>Silvia</option>
				<option>Sevilla</option>
			</optgroup>
			<optgroup label="Pop">
				<option>Rafael</option>
				<option>Ricky</option>
				<option>Madonna</option>
			</optgroup>
			<optgroup label="Jazz">
				<option>Guardia</option>
				<option>Enrique</option>
				<option>Lesbiana</option>
			</optgroup>
		</select>
	</form>
</body>
</html>

Ogramar · « **Respuesta #1 en:** 13 de Enero 2016, 14:39 »

Buenas Dimiste

Los elementos checkbox se diferencian por name, pero en los elementos radio del formulario te ha faltado incluir un valor value que permita diferenciarlos y así saber cuál es el que ha elegido el usuario, si no tienes un value no puedes diferenciarlos

En los select múltiples también debes incluir un value que te permita diferenciar elementos, por ejemplo

<select multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>

En este hilo puedes ver un ejemplo de ejercicio resuelto, https://www.aprenderaprogramar.com/foros/index.php?topic=3043.0

Salu2

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

Noticias: