Ao projetar uma página web ou um site inteiro em HTML, você pode precisar de uma caixa suspensa HTML. Se você não estiver familiarizado com estas caixas, eles são esses campos nifty pouco (muitas vezes encontrados em formulários HTML) que permitem que você selecione um item de uma lista clicando em uma seta, em seguida, role para baixo até encontrar a opção desejada na lista que cai abaixo desse seta. Se você estiver usando um editor de HTML ou codificação à mão, criando uma caixa suspensa HTML é simples.
Conteúdo
instruções
Criar um formulário HTML para abrigar seu caixa suspensa HTML. Dentro de um formulário HTML, você pode usar uma caixa suspensa HTML para tudo, de permitir que um usuário para indicar as preferências em um envio de formulário e-mail para criar um redirecionamento automático com base na opção na lista que o usuário clica.
Escolha um "selecionar" tag se você estiver usando um editor de HTML, ou se estiver a mão-de codificação HTML. Digite o seguinte:
usando o "Opção" tag dentro do seu "selecionar" tag. Adicionar em todos os itens que você precisa aparecer na lista para o seu caixa suspensa. Adicione um valor para cada item na lista, de modo que seu script formulário irá ser capaz de interpretar a seleção do usuário. Você pode adicionar como muitos "Opção" marcações conforme sua necessidade. Depois de concluir este passo, o tag HTML deve ser algo como isto:
O que quer que você digita entre a abertura e fechamento "Opção" Tag será o que aparece na caixa drop. O atributo valor é para ser usado por seu script de formulário.
Dê o seu "selecionar" marcar um atributo de nome, especialmente se você estará usando várias caixas de cair dentro de um formulário. Seu script formulário pode exigir que o "selecionar" tag para ter um atributo de nome. sua abertura "selecionar" tag deve ser algo como isto:
Definir um atributo de tamanho em sua "selecionar" tag se você quiser mais de um item para ser visível na lista quando o usuário carrega a página. Por exemplo, para mostrar três itens na página, alterar a sua "selecionar" tag como esta:
Conclua todos os ajustes de programação para o script que pretende utilizar com o formulário e adicione as referências adequadas no seu arquivo HTML. Os requisitos exatos variam com base no que você pretende fazer com o seu formulário. Mas se você estiver usando javascript para causar uma página de redirecionamento com o seu caixa suspensa, você pode precisar adicionar um atributo onchange para o seu "selecionar" tag que aponta para a localização do seu script. Além disso, o roteiro terá de conter instruções dizendo que a página para redirecionar para para cada opção em sua caixa de queda.
dicas & avisos
- Se você quiser um dos itens em sua lista para ser pré-selecionado quando o usuário carrega a página, adicione este na "Opção" tag para esse item: selected ="selecionado"
- Para permitir que o usuário selecionar mais de um item na lista, como em uma submissão do formulário, adicione o seguinte para o "selecionar" tag: múltiplas ="múltiplo"
- É sempre uma boa idéia para testar páginas da web em vários navegadores para se certificar de que eles são compatíveis com diferentes plataformas.
recursos
- Foto imagem Gota de Crédito por Zbigniew Nowak da Fotolia.com
Como criar uma caixa de seleção em um email
Como obter o valor da caixa de combinação com javascript