Menus

Menus são usados para fornecer um conjunto de opções ao usuário. O elemento <select>, junto com os elementos <optgroup> e <option> são usados para definir menus.

O elemento <select> cria um menu e cada escolha oferecida pelo menu é representada pelo elemento <option>. Um elemento <select> deve possuir pelo menos um elemento <option>. O elemento <optgroup> pode ser usado quando se deseja agrupar as opções. Esse agrupamento é aconselhado quando a lista de opções é extensa.

O elemento select pode conter os seguintes atributos:

• name – define um nome para o controle.
• size – define se um elemento é apresentado como caixa de listas com barra de navegação. Esse atributo especifica o número de linhas que devem ser visíveis ao mesmo tempo. Os navegadores podem apresentar um elemento <select> como uma listbox ou como um drop-downmenu, veja exemplos logo em seguida).
• multiple – é um atributo lógico que, se existir, permite a seleção de múltiplas escolhas.

O elemento <optgroup> pode conter o atributo label, que indica um título para o grupo de opções. O elemento <option>, por sua vez, pode conter os seguintes atributos:

• selected – se existir, especifica que a opção deve aparecer pré-selecionada quando o menu for carregado.
• value – especifica o valor a ser enviado para o servidor caso a opção seja selecionada. Se não existir, envia-se o conteúdo da tag como valor.
• label – define um nome mais curto para a opção do que aquele do conteúdo da tag. Assim, quando especificado, os browsers exibem esse label ao invés do conteúdo que aparece na tela.

Exemplo de dropdownmenu