Mais
×

Como criar um checklist em HTML

Atualizado em 16 agosto, 2017

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.

Instruções

Exemplo de um checklist em HTML (Image created by Jenny Treviño-Blanquet)
  1. Abra um documento em um editor de texto HTML, como o BBEdit ou o Dreamweaver.

  2. Introduza o elemento de abertura "parágrafo" e dê um título ao seu checklist. Por exemplo:

    Demo Checklist: .

  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: .

  4. Especifique se você deseja que a sua "caixa de seleção" esteja "selecionada" na visualização inicial. Por exemplo: .

  5. Adicione múltiplas caixas de seleção ao seu checklist digitando linhas "input" adicionais de código HTML. Por exemplo: Step One Step Two .

  6. Feche o seu checklist com o elemento de fechamento parágrafo "

    ".

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

  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

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

O que você precisa

  • Conexão de internet
  • Editor de texto HTML, como o BBEdit ou o Dreamweaver
Cite this Article A tool to create a citation to reference this article Cite this Article