Documentos Técnicos

O campo de entrada de dados

input

O uso de formulários é uma das formas mais simples de incluir interatividade em um site ou aplicativo, ao permitir que o usuário envie informações para o site/aplicativo, preenchendo algumas informações e escolhendo opções fornecidas no formulário.

A tag <input> é usada para entrada de alguns tipos de dados em um formulário.

O tipo campo criado pela tag é definido pelo atributo type, que pode ser:
  • text - a caixa de texto (de 1 linha)
  • checkbox - a caixa de verificação
  • radio - o botão de rádio
  • submit - o botão enviar
  • reset - o botão para limpar os dados que foram digitados no formulário
Para que seja possível enviar os dados do formulário para processamento na página seguinte, cada campo precisa ter um nome, indicado pelo atributo name.

Exemplo de uso:


<form method="post" name="inscricao" action="enviar-cadastro.php">
Nome: <input type="text" name="nome" value="" />
Possui site? <input type="radio" name="possuisite" value="Sim" /> Sim <input type="radio" name="possuisite" value="Não" checked /> Não
<input type="checkbox" name="informacaoviaemail" value="Sim" checked /> Quero informações via e-mail
<input type="checkbox" name="informacaoviafone" value="Sim" /> Quero receber informações por telefone
<input type="submit" value="Enviar" /> <input type="reset" value="Limpar" />
</form>

O código acima cria este formulário:

Nome:
Possui site? Sim Não
Quero receber informações via e-mail
Quero receber informações por telefone

Algumas observações:
  • a tag input não possui fechamento como a grande parte das tags HTML (<input> ... </input>), então o fechamento é indicado pela barra ao final da tag <input .... />.
  • existem outros atributos possíveis, por exemplo: size, para definir o tamanho do campo de texto, maxlength, o limite de caracteres que podem ser digitados, etc. O exemplo acima cita alguns atributos comuns.
  • o atributo checked permite indicar que o campo checkbox ou radio está marcado.