Formularios | Campos de lista
CASO 1Campo de lista desplegable
<form>
<label for="cur">Cursos de ofimática</label>
<select id="cur" name="cursos">
<option value="procedasor">Procesador de textos</option>
<option value="calculo">Hoja de cálculo</option>
<option value="bbdd">Bases de datos</option>
<option value="presentacion">Presentaciones multimedia</option>
</select>
</form>CASO 2Campo de lista de selecciones múltiples
<form>
<label for="cur">Cursos de ofimática</label>
<select id="cur" name="cursos" multiple>
<option value="procedasor">Procesador de textos</option>
<option value="calculo">Hoja de cálculo</option>
<option value="bbdd">Bases de datos</option>
<option value="presentacion">Presentaciones multimedia</option>
</select>
</form>CASO 3Campo select avanzado
<form>
<label for="cur-3">Cursos</label>
<select id="cur-3" name="cursos">
<optgroup label="Ofimática">
<option value="procedasor">Procesador de textos</option>
<option value="calculo">Hoja de cálculo</option>
<option value="bbdd">Bases de datos</option>
<option value="presentacion">Presentaciones multimedia</option>
</optgroup>
<optgroup label="Web">
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="javascript">JavaScript</option>
</optgroup>
<optgroup label="CMS">
<option value="wordpress">Word Press</option>
<option value="joomla">Joomla!</option>
<option value="drupal">Drupal</option>
</optgroup>
</select>
</form>CASO 4Datalist
El elemento datalist representa una lista de opciones predefinidas que pueden ser utilizadas para proveer sugerencias en muchos controles de formularios
<form>
<label for="cur-4">Cursos</label>
<input type="list" list="cursos" id="cur-4">
<datalist id="cursos">
<option value="Microsoft Word">Procesador de textos</option>
<option value="Microsoft Excel">Hoja de cálculo</option>
<option value="Microsoft Access">Bases de datos</option>
<option value="Microsoft PowerPoint">Presentaciones multimedia</option>
<option value="HTML"></option>
<option value="CSS"></option>
<option value="JavaScript"></option>
<option value="WordPress">CMS WordPress</option>
<option value="Joomla!">CMS Joomla!</option>
<option value="Drupal">CMS Drupal</option>
</datalist>
</form>