>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Criar um Questionário em HTML

Se você deseja coletar dados ou feedback dos visitantes do seu site, crie um questionário usando linguagem de marcação de hipertexto (HTML). Seu questionário pode conter uma variedade de métodos de entrada, desde botões de rádio até caixas de seleção e listas suspensas. Após o usuário preencher o questionário, receba as respostas na sua caixa de entrada de e-mail.

Passo 1

Abra o documento HTML no qual deseja apresentar seu questionário no Bloco de Notas, no editor HTML integrado do seu host web, ou no seu editor HTML de escolha. Se estiver iniciando uma nova página web, crie um novo documento TXT e insira as tags básicas:

<html>
<head><title>Título da página web</title></head>
<body>
</body>
</html>

As tags de formulário que você criar irão entre as tags de abertura e fechamento <body>. Quando completar seu questionário, salve o documento como HTM ou HTML, depois abra em qualquer navegador web para visualizar seu trabalho.

Passo 2

Insira a tag <form>. Todas as suas perguntas e tags irão entre estas duas tags. Cada tag deve conter um atributo "name", como <input name="nome">. Para que as respostas do questionário sejam encaminhadas para seu endereço de e-mail, seu formulário deve incluir o atributo action apontando para um script de processamento.

Passo 3

Use a tag <input type="text"> para criar um campo de entrada de uma linha no qual os usuários podem digitar suas respostas. Por exemplo, se você quiser perguntar quem indicou o usuário ao seu site, seu código será assim:

<input type="text" name="referrer" placeholder="Quem te indicou?">

Passo 4

Use a tag <input type="radio"> para criar botões de rádio. Com botões de rádio, o usuário pode selecionar apenas uma opção. Cada entrada no seu conjunto de botões de rádio deve ter o mesmo nome, mas atributos value únicos. Por exemplo, para perguntar se os visitantes gostaram do seu site, use isto:

<input type="radio" name="gostou" value="sim"> Sim
<br>
<input type="radio" name="gostou" value="nao"> Não

A tag <br> cria uma quebra de linha na sua página web, já que o HTML por si só não reconhece espaços em branco.

Passo 5

Use a tag <input type="checkbox"> para criar caixas de seleção. Diferente dos botões de rádio, o usuário pode selecionar múltiplas caixas de seleção em um conjunto. Assim como botões de rádio, cada opção no conjunto deve compartilhar o mesmo nome mas ter valores únicos. Por exemplo, para pedir ao visitante que sugira recursos para seu site:

<input type="checkbox" name="recursos" value="fotos"> Mais fotos!
<br>
<input type="checkbox" name="recursos" value="links"> Mais links!
<br>
<input type="checkbox" name="recursos" value="conteudo"> Mais conteúdo!

Passo 6

Use as tags <select name="nome"> e </select> para criar uma lista de seleção suspensa da qual o usuário pode escolher apenas uma opção. Para cada opção na sua lista, crie um conjunto separado <option> e </option> entre as tags de abertura e fechamento <select>, e dê a cada <option> um atributo value único. Por exemplo, para pedir ao seu visitante que escolha qual parte do seu site ele mais gostou, tente isto:

<select name="favorito">
  <option value="cores" selected>As cores.</option>
  <option value="fotos">As fotografias.</option>
  <option value="musica">A música.</option>
</select>

Como a opção "cores" possui o atributo selected, ela será a seleção padrão.

Passo 7

Use a tag <input type="submit"> para criar um botão de envio. Quando o usuário clicar neste botão, as informações que ele inseriu serão encaminhadas para você, dependendo do método de recuperação especificado na tag <form> de abertura.