Neste artigo vamos aprender como usar a tag input em HTML, esta é uma tag usada para pegar os dados que o usuário digita.

A tag de entrada tem a função de criar um campo para o usuário inserir os dados de entrada.

A tag de entrada é usada junto com a tag de formulário para declarar um controle de entrada que permite ao usuário inserir dados.

Um campo de entrada pode mudar de várias maneiras, dependendo da propriedade passada.

1. Como usar a tag de entrada .

Exemplo : Formulário de login com campos de entrada

 <form> <h1> Login </h1> Username: <input type="text" name="username"> <br /> Password: <input type="passwword" name="passwword"> <br /> <input type="submit" name="submit" value="Login"> </form>

Podemos ver que, com valores diferentes do atributo type, o campo de entrada é exibido de maneiras diferentes.

2. Alguns atributos da tag input .

Tipo de atributo

Tipo é o atributo mais importante de uma tag de entrada, ele determina a funcionalidade dessa tag de entrada.

Alguns valores do tipo:

• text : campo de entrada de texto.
• password : o campo de entrada de senha, os caracteres de entrada serão mascarados com caracteres *.
• checkbox : caixa de seleção.
• radio : botão de rádio celular
• submit : botão para enviar o formulário.

Alguns valores em HTML5 :

• number : tipo de número
• url : tipo de caminho do site
• e- email : tipo de e-mail

Existem muitos outros valores, mas aqui apenas listo alguns dos valores mais usados.

Valor do atributo

O valor também é um atributo muito importante da tag de entrada, pois especifica o valor da tag de entrada.

Exemplo: o atributo value da tag input .

 <form> <h1> Login </h1> Username: <input type="text" name="username" value="Nhập username" > <br /> Password: <input type="passwword" name="passwword" value="Nhập password"> <br /> <input type="submit" name="submit" value="Đăng Nhập"> </form>