Como criar um menu drop-down

Ao projetar seu site, você pode querer incluir características especiais, como formulários para os clientes a preencher. Os formulários são usados ​​para encomendar a partir de um site ou para prestar outros tipos de informação. Você pode link de formas para bancos de dados ou ter clientes imprimi-los ao correio. Usando um WYSIWYG torna fácil- no entanto, se você estiver familiarizado com HTML, o código-lo sozinho para criar um menu suspenso.

instruções

  1. Abra seu editor de HTML e adicione as tags básicas para uma página web. Digite o título para o seu menu drop-down (por exemplo, coberturas eu gostaria em minha pizza :). Lembre-se de colocá-lo entre marcas de parágrafo. Note-se que uma marca parágrafo final nem sempre é necessário- no entanto, não é uma má idéia para incluí-lo.

  2. Descobrir o que as opções disponíveis será quando você criar um menu drop-down. Incluem uma longa lista se quiser, mas lembre-se de incluir uma lt; opção gt; tag antes de cada item. Comece com uma tag de parágrafo, lt; p gt ;, e digite: lt; select name = "um nome" gt; para iniciar o seu menu drop-down. Pense no exemplo pizza - lt; select name = "sobremesa" gt ;.



  3. Adicionar as suas opções e lt; opção gt; Tag junto ao criar um menu drop-down. Comece com a opção padrão. Veja que este é o texto visível padrão no menu suspenso. Torná-lo algo genérico a menos que seja uma opção comum as pessoas geralmente escolhem. Use a tag, lt; opção selecionada gt; escolher, por um genérico ou nenhuma opção padrão, por exemplo. Digite um nome de opção mais específica para escolhas populares, tais como lt; opção selecionada gt; pepperoni.

  4. Coloque no resto as suas opções e lt; opção gt; etiquetas. Construa sua lista de escolhas (por exemplo, lt; opção gt; queijo extra, lt; opção gt; azeitonas pretas, lt; opção gt; pepperoni, lt; optiongt; abacaxi. Incluir tantas opções e tags que você precisa para criar um menu drop-down.

  5. Feche seu lt; selecionar gt; tag e terminar a sua lista drop-down menu com lt; / select gt ;. Nome do seu lista suspensa (por exemplo, coberturas). Sei que este texto não vai com ou dentro de uma marca porque é o rótulo que seus espectadores verão. Tenha em mente que você não tem de incluir uma etiqueta desde que você tem um título antes do menu drop-down. Note também que você pode colocar o rótulo antes de seu menu drop-down em seu lugar. Certifique-se e deixá-lo fora do lt; selecionar gt; e lt; opção gt; área lista embora.

dicas & avisos

  • Elimine os espaços extras usados ​​para fins de exibição única em marcas listadas aqui se você pretende copiar e colar qualquer um dos tags.
De esta maneira? Compartilhar em redes sociais:

LiveInternet