Como criar um checklist em HTML

Escrito por brandy alexander | Traduzido por diego feijo cabral silva
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como criar um checklist em HTML
Exemplo de um checklist em HTML (Image created by Jenny Treviño-Blanquet)

A criação de uma checklist em HTML permite que os visitantes da sua página possam enviar feedback, participar de pesquisas, tenham opções de comprar pela internet e desempenhar várias outras tarefas que envolvam a marcação de opções. Com o elemento "input" em HTML é possível atribuir identidades para cada caixa de seleção e criar um checklist funcional que proporcione um método eficiente para a obtenção de resultados ou informações dos visitantes do seu site.

Nível de dificuldade:
Fácil

Outras pessoas estão lendo

O que você precisa?

  • Conexão de internet
  • Editor de texto HTML, como o BBEdit ou o Dreamweaver

Lista completaMinimizar

Instruções

  1. 1

    Abra um documento em um editor de texto HTML, como o BBEdit ou o Dreamweaver.

  2. 2

    Introduza o elemento de abertura "parágrafo" e dê um título ao seu checklist. Por exemplo: <p>Demo Checklist: .

  3. 3

    Digite o elemento "input" e adicione os atributos "type," "name" e "value." O atributo "type" está configurado para "caixa de seleção," pois ele funciona como um checklist; "name" identifica o título deste checklist e "value" identifica o nome da "caixa de seleção." Por exemplo: <input type="checkbox" name="demo" value="one" /> .

  4. 4

    Especifique se você deseja que a sua "caixa de seleção" esteja "selecionada" na visualização inicial. Por exemplo: <input type="checkbox" name="demo" value="one" checked />.

  5. 5

    Adicione múltiplas caixas de seleção ao seu checklist digitando linhas "input" adicionais de código HTML. Por exemplo: <input type="checkbox" name="demo" value="one" />Step One <input type="checkbox" name="demo" value="two" />Step Two .

  6. 6

    Feche o seu checklist com o elemento de fechamento parágrafo "</p>".

  7. 7

    Salve o seu arquivo com a extensão ".html".

  8. 8

    Visualize o seu arquivo em um navegador da web através da função "Preview" do seu editor de texto HTML. Isso garante que o seu checklist seja exibido corretamente.

Dicas & Advertências

  • Para fazer o texto preceder à caixa de seleção, ele deve ser inserido antes do elemento "".

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