HTML - Tag input

  »   HTML  »   HTML Tutorial - Tag input, texto, senha, checkbox, radio, submeter, resetar

A tag input não necessita de tag final e pode ter vários atributos:

  • texto
  • senha
  • radio
  • checkbox
  • reset
  • enviar

HTML - Campos de Textos e Senhas

Temos certeza que você já ouviu muito isso na internet ao longo do tempo.

html<input type="text" /><br />
<input type="password" />

Demo


Escreva alguma coisa nos boxes acima para ver se há alguma diferença.

HTML - Checkboxes

Ideal para oferecer aos usuários a opção de selecionar mais de uma resposta

html<input type="checkbox" /> Leite<br />
<input type="checkbox" /> Água<br />
<input type="checkbox" /> Pão

Demo

Leite
Água
Pão

HTML - Radio

Não estamos falando de rádio de música, mas do pequeno círculo que oderece a possibilidade de escolher apenas uma resposta por questão.

html<input type="radio" /> Homem<br />
<input type="radio" /> Mulher

Demo

Homem
Mulher

HTML - Botões de envio

Aqui vamos dar um valor para enviar atributos, esse sendo o texto que será gerado no botão.

html<input type="submit" value="Enviar" />
<input type="submit" value="Próximo passo &gt;&gt;" />

Demo

HTML - Botão de Resetar

Aqui, assim como no botão de enviar, daresmo valores, que será o texto gerado no botão. Esse botão é extremamente útil em casos em que o usuário com a informação errada.

html<input type="reset" value="Reset" />
<input type="reset" value="Deletar tudo" />

Demo

HTML Incluir Campo - Nota

Deve ser especificado que esses formulários e botões não funcionarão completamente sem a ajuda de arquivos PHP ou javascript, que executação a ação desejada uma vez que esses botões forem pressionados. No próximo tutorial iremos mais a fundo para mostar os atributos e mostraremos mais algumas coisas que ainda não mencionamos.