HTML - Selecione Menu

  »   HTML  »   HTML Tutorial - Menu de Listas Drop Down

A lista 'drop down' é um dos tipos mais práticos de lista. Você provavelmente já se deparou com ela na internet, mas sem saber que ela tinha um nome desses.

html<select name="my_html_select_box">

	<option>Nova York </option>
	<option>Bucareste</option>
	<option>Madrid</option>

</select>

Demo

O navegador automaticamente mostrará a primeira opção. Porem isso pode ser modificado com a ajuda do atribto 'selected' (selecionado).

html<select name="my_html_select_box">

	<option>Nova York </option>
	<option selected="yes">Bucareste</option>
	<option>Madrid</option>

</select>

Demo

HTML - Formas de Seleção

Usaremos o atributo tamanho para modificar a lista drop down para uma forma de seleção

html<select name="my_html_select_box" size="3">

	<option>Nova York</option>
	<option>Bucareste</option>
	<option>Madrid</option>

</select>

Demo

HTML - Seleções Multiplas

No caso em que o usuário quer selecionar mais de uma opção, fará isso com a ajuda do atributo multiple .

html<select name="my_html_select_box" multiple="yes" size="3">

	<option>Nova York </option>
	<option>Bucareste</option>
	<option>Madrid</option>

</select>

Demo

Deve ser compreendido que esse atributo multiple não funcionará com a lista drop down, a não ser quando o atributo size estiver especificado.