Índice

Lista desplegable

La lista desplegable proporciona distintas opciones al usuario.

Ejemplo

Preguntemos al usuario cuál es su navegador preferido:

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
<p>Su navegador preferido: 
<select> 
<option value="1">Internet Explorer</option> 
<option value="2">Firefox</option> 
<option value="3">Safari</option> 
<option value="4">Opera</option> 
<option value="5">Google Chrome</option> 
</select> 
</p> 
</form> 
</body> 
</html>
images/CAP09IMG07.png

Comentarios

  • La etiqueta <select> ... </select> indica al navegador el uso de una lista desplegable. Los elementos de la lista se introducen mediante las etiquetas <option> ... </option>.

  • Esta etiqueta es perfectamente compatible entre los distintos navegadores.

Los posibles atributos son:

name

Define un nombre para la lista desplegable, para un posible procesamiento posterior.

size

Por defecto, el atributo size de la etiqueta <select> es igual a 1, lo que resulta muy práctico dado que permite ganar bastante espacio en la disposición de la página. No obstante, mediante el atributo size="x" puede definir el número de elementos ...