Cómo crear un cuadro desplegable

Vídeo: Como hacer un menú de navegación desplegable con Animaciones CSS3

Ejemplo Menú desplegable Ampliado

Ejemplo Menú desplegable Ampliado

cuadros desplegables en los sitios web permiten al usuario seleccionar entre una lista de opciones. Las cajas se pueden utilizar en los formularios enviados por el usuario o para la navegación web más rápido. Las ventajas del cuadro desplegable son su uso económico de pantalla y la interfaz fácil. Las cajas también ayudan a evitar que los usuarios introduzcan datos no válidos. Aprender a crear un simple cuadro desplegable en HTML.

Vídeo: Excel 2013 - Crear listas desplegables

1

Crear un documento HTML con cualquier editor de texto simple, como el bloc de notas, o cualquier software de edición de HTML. Para ello, la inserción de la <-html&y GT- <-cuerpo>- etiqueta en la parte superior del documento. Estas etiquetas definen lo que hay dentro de ellos como HTML. Asegúrese de cerrar estas etiquetas insertando < / html&y GT- < / cuerpo&Gt- al final del documento. Guardarlo con la extensión .html.

2

Añade el <-select>- etiqueta para crear un menú desplegable MENU- olvide cerrar con la etiqueta de cierre: < / seleccione>-. También puede dar este menú un nombre, que se usa internamente, mediante el uso de la "nombre" atributo dentro de la etiqueta de selección de la apertura. Por ejemplo, esta forma se denomina internamente como "queso." <-html>- <-cuerpo>- <-select name ="queso">- < / seleccione>- < / cuerpo>- < / htmlgt;

3

Añadir una opción dentro del menú utilizando el <-opción&etiqueta GT- dentro de la "seleccionar" las etiquetas. Asegúrese de cerrar esta etiqueta usando < / opción>-. Añadir tantas opciones para el menú que desee. Todas las opciones serán visibles una vez que el usuario expande el menú desplegable. Utilizar el "valor" atribuir a dar a cada uno un nombre interno y "seleccionado" configurarlo para que se seleccionará por defecto. Acabado el ejemplo: <-html>- <-cuerpo>- <-select name ="queso">- <-opción valor seleccionado ="queso Cheddar">-Cheddar< / opción>- &valor-opción lt ="suizo">-Swiss< / opción>- &valor-opción lt ="queso Provolone">-Provolone< / opción>- &valor-opción lt ="gouda">-Gouda< / opción>- < / seleccione>- < / cuerpo>- < / htmlgt;

Consejos

  • comprobar El uso para la navegación del sitio o como parte de una forma.
  • comprobar El uso de javascript para permitir al usuario elegir desde el cuadro desplegable y luego hacer que se haga algo, como por ejemplo navegar a una página elegida.

Artículos necesitará

referencias

  • enlazar formularios HTML y de entrada

Vídeo: Cómo crear una lista desplegable en Word

Sobre el Autor

Kaylee Finn comenzó a escribir profesionalmente para diversos sitios web en 2009, lo que contribuye principalmente artículos que cubren temas en los negocios de finanzas personales. Ella aporta su experiencia en las áreas de impuestos, préstamos estudiantiles y gestión de la deuda a su escritura. Ella recibió su Licenciatura en Ciencias de la dinámica del sistema del Worcester Polytechnic Institute.

Artículos Relacionados