Dropdowns

Em HTML, um menu suspenso é uma lista de itens que aparece quando o usuário clica em um elemento ou passa o cursor sobre ele. Menus suspensos são comumente usados para apresentar uma lista de opções de forma compacta. Para criar um menu suspenso, você usa a tag <select> junto com tags <option> para os itens individuais.

Esta é a sintaxe básica para criar uma lista suspensa em HTML:

<select name="dropdown">
	<option value="value1">Option 1</option>
	<option value="value2">Option 2</option>
	<option value="value3">Option 3</option>
</select>

• <select>: A tag que define o menu suspenso.

• name: Um atributo que dá um nome ao menu suspenso, usado para identificar o valor selecionado quando o formulário é enviado.

• <option>: Uma tag que define um item na lista suspensa.

• value: Um atributo que especifica o valor associado à opção. Este valor é enviado para o servidor quando o formulário é enviado.

• Option text: O texto visível que aparece na lista suspensa para cada opção.

Aqui está um exemplo de como criar um menu suspenso com três opções:

<select name="colors">
	<option value="red">Red</option>
	<option value="green">Green</option>
	<option value="blue">Blue</option>
</select>

Neste exemplo, temos uma lista suspensa com o nome "colors" e três opções: Vermelho, Verde e Azul.