Ao criar um site é muito fácil de encher uma página web com informações. Uma das maneiras mais fáceis de remover a desordem e dar o seu site uma aparência limpa é adicionar um menu drop-down funcionando. Além de ajudar a arrumar o seu site, um menu drop-down também pode tornar a navegação do site mais fácil para os seus visitantes, fazendo várias ligações fáceis de encontrar. A criação de um menu drop-down em um site requer apenas uma adição simples código HTML para sua página web.
Coisas que você precisa
- editor HTML
Coloque o seu menu drop-down em um formulário em sua página site. Semelhante a formulários de papel, um formulário web é um lugar onde os usuários podem inserir dados com caixas de seleção, botões de rádio e caixas de texto, bem como criar um menu drop-down. Para começar a forma, começar com o seguinte código:
O nome do formulário pode ser o que quiser (nós escolhemos menu drop-down aqui) e é usado para rotular o formulário para uso posterior.
Adicionar a função de seleção para o formulário web. A função de seleção é usado para criar uma lista de seleção (ou lista drop-down), onde os valores individuais serão realizadas. A lista de seleção vai puxar o valor selecionado na caixa de menu drop-down e fazer o valor ativo para a seleção. O código para criar uma função de seleção se parece com isso:
Adicionar valores de opção para a função de seleção em seu menu drop-down. As seleções individuais em um menu drop-down são conhecidas como opções. A função de valor é a URL (ou endereço web) que a opção está ligada. Você pode adicionar muitas opções ao seu menu drop-down, conforme necessário e esta é a forma como o menu drop-down pode ajudar a desordem clara da sua página web. Para adicionar valores de opção, adicione este código para a sua função select:
Criar um botão de seleção para ativar o menu drop-down e permitir aos usuários selecionar a opção que escolherem. O botão de seleção deve ser tanto para a esquerda ou direita do seu menu drop-down e perto o suficiente para que os usuários saibam que ela está relacionada ao menu. Você pode ter seu botão de dizer qualquer coisa que você deseja chamar a atenção do usuário. Para o nosso menu drop-down vamos simplesmente usar "Selecione." Para adicionar um botão Select para o seu menu drop-down, adicione a seguinte linha de código:
Coloque o seu menu drop-down em seu site. O menu drop-down pode ser adicionado em qualquer lugar que você escolher em seu site. Basta colocar o código do menu drop-down em sua página web HTML e não se esqueça de verificar a funcionalidade do menu drop-down imediatamente.
dicas & avisos
- Faça o seu menu drop-down visualmente mais atraente, adicionando o código (Cascading Style Sheets) CSS para alterar as cores ea aparência do formulário.
- Não adicionar muitas opções ao seu menu drop-down. Não existe um número mágico, mas ter muitas opções pode fazer o seu menu drop-down confuso e pode irritar os visitantes. Se você tem um monte de opções, considere separá-los em categorias e criar vários menus drop-down.
Como alterar o servidor SMTP no Mac Mail leopardo
Como preencher uma caixa de combinação com javascript
Como apagar o histórico de navegação no yahoo!
Como criar uma caixa de listagem drop-down com links
Como criar rollover menus drop-down no dreamweaver
Como criar um site no Google docs
Como guardar endereços de páginas da web como favoritos