Como hacer un cuadro desplegable html

imagen caer por Zbigniew Nowak de Fotolia.com

En el diseño de una página web o un sitio completo en HTML, es posible que tenga un cuadro desplegable HTML. Si no está familiarizado con estas cajas, que son esos pequeños campos ingeniosas (que se encuentra a menudo en los formularios HTML) que le permiten seleccionar un elemento de una lista, haga clic en una flecha, a continuación, desplazarse hacia abajo para encontrar la opción que desee en el lista que se despliega debajo de esa flecha. Ya sea que usted está usando un editor HTML o de codificación a mano, creando un cuadro desplegable HTML es simple.

Crear un formulario HTML para albergar a su buzón de HTML. Dentro de un formulario HTML, se puede utilizar un cuadro desplegable HTML para todo, desde lo que permite a un usuario para indicar las preferencias de envío de un formulario de correo electrónico para crear una redirección automática en base a la opción de la lista que el usuario hace clic.

Escoge un "Seleccionar" etiqueta si está utilizando un editor HTML, o si va a la codificación manual el código HTML. Escriba lo siguiente:

Utilizando el "Opción" etiqueta dentro de su "Seleccionar" etiqueta. Añadir en todos los elementos que necesita para aparecer en la lista para su buzón. Añadir un valor para cada elemento de la lista, por lo que la secuencia de comandos forma será capaz de interpretar la selección del usuario. Puede añadir tantos "Opción" etiquetas como sea necesario. Después de completar este paso, su etiqueta HTML debería ser algo como esto:

Lo que se teclea entre la apertura y el cierre "Opción" etiquetas serán lo que aparece en el cuadro desplegable. El atributo de valor debe ser utilizado por el script de forma.

Vídeo: Como hacer un menu desplegable para tu sitio web ( html y css )

Entrega tu "Seleccionar" etiquetar un atributo de nombre, especialmente si se va a utilizar múltiples buzones de entrega dentro de una forma. Su forma de guión puede requerir la "Seleccionar" etiqueta para tener un atributo de nombre. su apertura "Seleccionar" etiqueta debe ser algo como esto:

Establecer un atributo de tamaño en su "Seleccionar" etiqueta si quieres más de un elemento a ser visible en la lista cuando el usuario carga la página. Por ejemplo, para mostrar tres elementos de la página, cambiar su "Seleccionar" etiquetar así:

Completar ningún ajuste de programación de la secuencia de comandos que va a utilizar con la forma, y añadir las referencias apropiadas en el archivo HTML. Los requisitos exactos varían dependiendo de lo que va a hacer con su forma. Pero si está utilizando javascript para causar una página de redirección con su buzón, puede ser necesario añadir un atributo onchange a su "Seleccionar" etiqueta que apunta a la ubicación de su script. Asimismo, será necesario que el script contiene instrucciones que le indican qué página para redirigir a para cada opción en su buzón.

Consejos

Si quieres uno de los elementos de la lista para ser preseleccionado cuando el usuario carga la página, añadir esto en el "Opción" etiqueta para ese artículo: seleccionado ="seleccionado"
Para que el usuario pueda seleccionar más de un elemento de la lista, como por ejemplo en un envío del formulario, añadir lo siguiente en el "Seleccionar" etiqueta: múltiples ="múltiple"

Vídeo: Como hacer un menu Desplegable con Html

Advertencia

Siempre es una buena idea probar las páginas web en varios navegadores para asegurarse de que son compatibles con diferentes plataformas.

Vídeo: Como hacer un Menú Desplegable facil y sencillo con HTML y CSS

Sobre el Autor

Kay Daniels es un escritor independiente con más de 10 años de experiencia de la escritura y la edición en línea. Ella tiene una licenciatura en psicología de Excelsior College, un certificado en papel edición de la Universidad de California, San Diego extensión, y está en su segundo año de medicina.