Crear una lista de selección

Hoy vamos a hablaros como podemos crear una lista de selección con código HTML.

Que es una lista de selección?

Una lista de seleccion es un elemento de un formulario que permite al usuario seleccionar una o varias opciones de un rango.
Estas listas se crean usando una combinación de etiquetas HTML
Las listas seleccionadas se pueden anidar dentro de un elemento o pueden ser independientes. 

También se pueden asociar con un formulario a través del atributo de formulario de la etiqueta.

Lista de selección básica

 EligePlatanoManzanaPapaya 

 <select name="fruta">
<option value ="none">Elige</option>
<option value ="platano">Platano</option>
<option value ="manzana">Manzana</option>
<option value ="papaya">Papaya</option>
</select>

Lista de selección básica con botón de envio

Aquí, agregamos un botón de envío para que la selección del usuario pueda enviarse y procesarse.
 También colocamos la lista de selección dentro de un elemento

que especifica una página para procesar el formulario

Que color te gusta

RojoNegroVerdeAmarilloAzul

Resultado:

<form action="http://www.html.am/html-codes/forms/html-form-tag-action.cfm" method="get" target="result">
Que color te gusta<br />
<select name="fruit">
<option value="none">Rojo</option>
<option value="guava">Negro</option>
<option value="lychee">Verde</option>
<option value="papaya">Amarillo</option>
<option value="watermelon">Azul</option>
</select>
<br />
<input type="submit" value="Enviar" /></form>
<h3>
Resultado:</h3>
<iframe name="resul" style="height: 100px; width: 200px;"></iframe>

Información optenida de:

http://www.html.am