<select name="forma" onchange="location = this.value;">
<option value="Home.php">Home</option>
<option value="Contact.php">Contact</option>
<option value="Sitemap.php">Sitemap</option>
</select>
ATUALIZAÇÃO (novembro de 2015): hoje em dia, se você quiser ter um menu suspenso, existem muitas maneiras indiscutivelmente melhores de implementar um. Esta resposta é uma resposta direta a uma pergunta direta, mas eu não defendo esse método para sites públicos.
ATUALIZAÇÃO (maio de 2020): Alguém perguntou nos comentários por que eu não defendia essa solução. Eu acho que é uma questão de semântica. Prefiro que meus usuários naveguem usando <a>
e sejam mantidos <select>
para fazer seleções de formulário, porque os elementos HTML têm reunião semântica e têm um propósito, anchors
levam você a lugares, <select>
servem para escolher itens das listas.
Considere que, se você estiver visualizando uma página com um navegador não tradicional (um navegador não gráfico ou leitor de tela ou a página for acessada de forma programática ou o JavaScript estiver desativado), qual é o "significado" ou a "intenção" deste documento <select>
? usado para navegação? Está dizendo "escolha um nome de página" e não muito mais, certamente nada sobre navegação. A resposta fácil para isso é, well i know that my users will be using IE or whatever so shrug
mas isso meio que perde o ponto de importância semântica.
Enquanto um elemento de interface do usuário suspenso e descolado, feito de elementos de layout adequados (e alguns js) contendo algumas âncoras regulares, ainda mantém a intenção, mesmo se o elemento de layout for perdido, "esses são vários links, selecione um e navegaremos lá" .
Aqui está um artigo sobre o uso indevido e abuso de<select>
.