Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Dimitar Stefanov en 12 de Enero 2016, 14:35

Título: Formulario HTML con checkbox radio buttons y optgroup option Ejercicio CU00723B
Publicado por: Dimitar Stefanov en 12 de Enero 2016, 14:35
Código del ejercicio CU00723B del curso HTML desde cero:

Código: [Seleccionar]
<!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>
Título: Re:Formulario HTML con checkbox radio buttons y optgroup option Ejercicio CU00723B
Publicado por: Ogramar 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