8.4 - Menu

O Menu é um controle para exibir uma lista de opções. Estude o exemplo:

O menu é construído com o elemento SELECT. Cada opção do menu é construída com o elemento OPTION.

  
Elemento SELECT (menu)

No exemplo acima, experimente escrever size=5 dentro da etiqueta inicial do elemento SELECT e observe o novo resultado. Depois, experimente trocar o valor 5 pelo valor 3.

    <SELECT name="FaixaEtaria" size=3>

Existem dois tipos de menus: menu suspenso e menu de rolagem. 


(size=1)

No menu suspenso somente a 1ª opção é visualizada e o menu é desenhado com um botão contendo uma seta (no canto direito do menu). Somente quando o usuário clica no menu é que a lista completa de opções é apresentada. Este tipo de menu é construído quando o atributo size não é especificado, ou quando seu valor é igual a 1.


(size=3)


(size=5)

No menu de rolagem, é apresentada uma caixa contendo a lista completa de opções. Este tipo de menu é construído quando o valor do atributo size é maior do que 1.

O atributo size determina o número de linhas que serão visualizadas no menu.

 Atributos:
name=texto --

Nome do controle.
size=número --

Número de linhas visíveis (define o tipo e o tamanho vertical do Menu)


Elemento OPTION (opção)

Cada opção do menu é construída com o elemento OPTION. Em todo elemento OPTION deve ser especificado o atributo value para que seja possível identificar a escolha do usuário dentro do menu. O atributo name não é especificado. Se em algum elemento OPTION o atributo selected estiver especificado, então o menu apresentará inicialmente esta opção já selecionada.

 Atributos:
value=texto --

Valor associado à opção.
selected --

A opção inicia-se selecionada.