jump to navigation

Combos de selección Noviembre 2, 2006

Publicado por lineadecodigo en : HTML , trackback

Una de las primeras cosas con la que nos encontraremos a la hora de desarrollar una página HTML será la necesidad de crear un combo con opciones.

Estos elementos los solemos encontrar en casi todos los formularios que hay dispersos por la web. Con ellos se busca que el usuario pueda seleccionar una de las opciones.

Para codificarlos lo primero que tendremos que hacer es crear una etiqueta <FORM>. Dicha etiqueta viene a representar un formulario. Dentro de la etiqueta pondremos el combo. Para poner un combo nos ayudamos de la etiqueta <SELECT>.

Una vez que tenemos nuestro combo, deberemos de introduccir las diferentes opciones. Estas se insertan mediante la etiqueta <OPTION>.

Es por ello que un combo de selección que reflejase los equipos de futbol quedaría de la siguiente forma:

  2.   <OPTION>Atletico de Madrid</OPTION>
  3.   <OPTION>Betis</OPTION>
  4.   <OPTION>FC. Barcelona</OPTION>
  5.   <OPTION>Real Madrid</OPTION>
  6.   <OPTION>Zaragoza</OPTION>
  7. </SELECT>

Si queremos que una de las opciones sea la predeterminada podemos utilizar el atributo SELECTED de las etiquetas <OPTION>.. En nuestro ejemplo, si queremos predeterminar al "Betis" como la opción por defecto, nuestro código quedaría de la siguiente forma:

  2.   <OPTION>Atletico de Madrid</OPTION>
  3.   <OPTION SELECTED>Betis</OPTION>
  4.   <OPTION>FC. Barcelona</OPTION>
  5.   <OPTION>Real Madrid</OPTION>
  6.   <OPTION>Zaragoza</OPTION>
  7. </SELECT>

Articulos Similares:

|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre HTML

Enviar entrada por email Enviar entrada por email | Imprimir Imprimir | 4015 visitas

1 Star2 Stars3 Stars4 Stars5 Stars (Todavia sin evaluar)
Loading ... Loading ...

Tags:, , , , , ,

Comentarios»

1. Lucy - Abril 3, 2007

Me gustaría saber: ¿Cómo utilizar un combo de selección (lista de opciones) como “asunto” en un formulario de contacto, con el “evento onChange” y una función javascript?…
Ejemplo:
Asunto:Elija una opción

Atletico de Madrid
Betis
FC. Barcelona
Real Madrid
Zaragoza

¿Cómo sería la función javascript cambia() que tendría que insertar dentro de Head?

2. Urielo - Mayo 26, 2008

Ke onda me gustarias saber como hacer para ke dependiendo de la selccion ke haamos en un combo, otro combo cambie sus opciones. Espero ke no sea mucha molestia el ke me ayudes con esta duda




Si tienes dudas sobre HTML no dudes en visitar el Foro sobre HTML.
Imagen CAPTCHA CAPTCHA Audio
Refrescar imagen