Como fazer uma caixa drop html

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 para encontrar a opção desejada na lista que cai abaixo desse seta. Se você estiver usando um editor HTML ou codificação à mão, criando uma caixa suspensa HTML é simples.

1

Criar um formulário HTML para abrigar seu caixa drop HTML. Dentro de um formulário HTML, você pode usar uma caixa suspensa HTML para tudo, desde permitindo que um usuário para indicar as preferências em um envio de formulário de e-mail para a criação de um redirecionamento automático com base na opção na lista que o usuário clica.

Video: Como criar uma caixa de texto personalizada com HTML e CSS

2

Escolha um "selecionar" tag se você estiver usando um editor HTML, ou se estiver a mão-de codificação HTML. Digite o seguinte:

3

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 forma será capaz de interpretar a seleção do usuário. Você pode adicionar quantos "Opção" marcas como você precisa. Depois de concluir este passo, o tag HTML deve ser algo como isto:



Tudo o 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.

4

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 o "selecionar" tag para ter um atributo de nome. sua abertura "selecionar" tag deve ser algo como isto:

Video: Como fazer uma caixa para presente dia dos namorados

5

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 o seu "selecionar" tag como esta:

6

Conclua todos os ajustes de programação para o roteiro que você pretende usar com o formulário, e adicione as referências apropriadas no seu arquivo HTML. Os requisitos exatos irão variar 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 sua caixa de queda, pode ser necessário 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 qual página para redirecionar para para cada opção em sua caixa de queda.

Video: Как Cereal для Барби

dicas

  • Verifica Se você quiser um dos itens em sua lista para ser pré-selecionado quando o usuário carrega a página, adicione no "Opção" tag para esse item: seleccionado ="selecionado"
  • Verifica Para permitir que o usuário selecionar mais de um item na lista, como em uma submissão do formulário, adicione o seguinte no "selecionar" tag: múltiplas ="múltiplo"

Atenção

  • fechar É 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.

Sobre o autor

Kay Daniels é um escritor freelance com mais de 10 anos de experiência de escrita e edição online. Ela tem um grau de bacharel em psicologia da Excelsior College, um certificado em cópia edição da Universidade da Califórnia, San Diego Extension, e está em seu segundo ano de medicina.


Artigos relacionados