Como criar uma caixa suspensa para uma página da web

Escrito por kathy burns-millyard Google | Traduzido por francisco de castro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como criar uma caixa suspensa para uma página da web
Crie uma caixa suspensa para uma página da web (Christopher Robbins/Photodisc/Getty Images)

A criação de uma caixa de seleção suspensa em uma página da web é realizada utilizando um código simples em HTML. É necessário criar um formulário na página e, em seguida, adicionar o código apropriado para a lista suspensa.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

O que você precisa?

  • Editor de texto

Lista completaMinimizar

Instruções

  1. 1

    Criar o início de um formulário HTML digitando o código a seguir:

    <form action="meuformulario.php">

    A ação "meuformulario.php" pode ser um nome qualquer desejado, e ele deve ser um script, armazenado no servidor web, que pode fazer algo com os dados do formulário enviados.

  2. 2

    Crie a caixa suspensa digitando o código a seguir:

    <select name="cor">

  3. 3

    Repita esta linha como quantas vezes forem necessárias, substituindo cada entrada pelo texto que deseja exibir na caixa suspensa:

    <option value="vermelho">Vermelho</option>

    Para adicionar azul e verde como opções adicionais, por exemplo, pode-se adicionar as duas linhas seguintes:

    <option value="azul">Azul</option> <option value="verde">Verde</option>

  4. 4

    Encerre a lista suspensa digitando o seguinte código:

    </select>

  5. 5

    Encerre o formulário digitando este cógido: </form>

Dicas & Advertências

  • Os formulários e listas suspensas não farão nada a não ser enviar os dados do formulário para um script no servidor web.
  • Normalmente, os formulários são feitos para coletar dados para utilização específica, como adicionar alguém para uma lista de discussão, enviando-os para uma área específica do site ou permitindo-lhes solicitar produtos. Eles, em si, são feitos na linguagem HTML, conforme foi descrito acima. No entanto, os dados não são realmente processados no formulário. Para isso, é necessário um script de programação.
  • Tais scripts ficam armazenados no servidor do site, e são utilizados ​​por formulários e páginas web para fazer coisas específicas. O formulário da lista de discussão, por exemplo, precisaria de um script para receber os dados do formulário e colocá-los em um banco de dados.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível