Cómo hacer una lista desplegable en XHTML

by admin

Extensible Hypertext Markup Language (XHTML) le ofrece muchas maneras de organizar y limpiar su página web. Una forma de hacerlo es la consolidación de listas en una lista desplegable. Esto es especialmente útil cuando se tiene una encuesta o necesita que los usuarios elijan una opción en particular por alguna razón. Para crear el menú desplegable, utilice la etiqueta <select> junto con las etiquetas <option>. La etiqueta <select> identifica una lista desplegable. Las etiquetas <option> son las opciones individuales dentro del desplegable.

Instrucciones

1 Abrir una página web en un editor de texto, como el Bloc de notas o un editor HTML.

2 Coloque el cursor donde desea agregar el menú desplegable.

3 Escriba lo siguiente:

<Select>

<Option value = "x"> x </ option>

<Option value = "y"> y </ option>

</ Select>

"X" e "y" representan el texto que desee en la lista desplegable. Por ejemplo, si estuviera ofreciendo una lista desplegable desde el que un usuario puede seleccionar su favorito animal salvaje, podría ser como sigue:

<Select>

<Option value = "león"> León </ option>

<Option value = "tigre"> tigre </ option>

<Option value = "oso"> oso </ option>

<Option value = "elefante"> elefante </ option>

</ Select>

4 Guarda el archivo.

5 Abrir la página web en un navegador web para verificar aparece abajo de la gota.

Consejos y advertencias

  • Puede agregar tantas opciones a la lista como desee, pero asegúrese de que son todos entre las etiquetas <select> y </ select> etiquetas, o en el menú desplegable no se mostrará correctamente.
ETIQUETA: