Autor Tema: select y optgroup en Formularios en HTML permitir selección múltiple CU00723B  (Leído 2101 veces)

hymsoft

  • Intermedio
  • ***
  • Mensajes: 103
  • hymsoft
    • Ver Perfil
Todavia sigo por aca... esta es mi resolucion para el ejercicio CU00723B del tutorial práctico de desarrollo web con HTML desde cero. Y ahora si me voy a dormir 04:20  :o

Buenas noches!!!! o madrugadas....  ;)

Buen dia!!! Repasando un poco, me di cuenta que en todo este ejercicio no hice el cierre con "/" en todos los <input>. No lo corregí para hacer la consulta: es OBLIGATORIO este cierre??

Código: [Seleccionar]
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Resolución ejercicio CU00723B - Hugo Segura(hymsoft)</title>
  </head>
  <body>
    <h1 style="text-align:center;color:#2E2EFE">Preferencias musicales</h1>
    <form action="https://www.aprenderaprogramar.com" method="get">
      Tipo de Música favorita
      <input name="tipo_rock" type="checkbox">Rock
      <input name="tipo_pop" type="checkbox">Pop
      <input name="tipo_jazz" type="checkbox">Jazz
      <br/><br/>
      Ingresa tu edad:
      <br/><br/>
      <input name="edad" type="radio" value="12a17"> 12 a 17 años
      <br/>
      <input name="edad" type="radio" value="18a35"> 18 a 35 años
      <br/>
      <input name="edad" type="radio" value="36a65"> 36 a 65 años
      <br/>
      <input name="edad" type="radio" value="mas65"> más de 65 años
      <br/><br/>
      Selecciona las opciones que quieras (menten presionada la tecla Ctrl)
      <br/>
      <select name="rock[]" multiple="multiple">
        <optgroup label="Rock">
          <option>The Beatles</option>
          <option>Guns 'N Roses</option>
          <option>Queen</option>
        </optgroup>     
      </select>
      <select name="pop[]" multiple="multiple">
        <optgroup label="Pop">
          <option>One Direction</option>
          <option>Green Day</option>
          <option>Maroon 5</option>
        </optgroup>     
      </select>
      <select name="jazz[]" multiple="multiple">
        <optgroup label="Jazz">
          <option>Louis Armstrong</option>
          <option>John Coltrane</option>
          <option>Miles Davis</option>
        </optgroup>     
      </select>
     
      <br/><br/>
      <input type="reset" value="Cancelar">
      <input type="submit" value="Enviar formulario">
    </form>
  </body>
</html>
« Última modificación: 11 de Agosto 2016, 13:20 por Ogramar »
"Una persona inteligente es aquel que sabe ser tan inteligente como para contratar gente mas inteligente que el"

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2660
    • Ver Perfil
Buenas Hugo, el ejercicio muy bien

Recomendar que los valores de atributos empiecen siempre por una letra por ejemplo value="12a17" no es recomendable (podría dar problemas) y sería mejor value="de12a17" por ejemplo que comienza con una letra.

Sobre el con cierre con "/" no es obligatorio, es sólo una recomendación para cumplir con el estándar xhtml, que como dice la wikipedia " esto permite que posteriormente sea más fácil hacer cambios o buscar errores entre otros".

Salu2

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".