Tutorial de Html – Criando um formulário de login

Um formulário de Login é um exemplo mais simples e básico de se mostrar como usar formulários em HTML além do exemplo do formulário de contato.
Vamos fazer esta aula assumindo que nem todos são experts em HTML.

Para criarmos nosso formulário não precisamos de muitos elementos, apenas a declaração de um form e dos elementos do formulário.

Aqui vão: Form, Inputs: text, password, submit.

Abra o bloco de notas ou sua IDE favorita e digite o código abaixo, digite não copie.

Na linha 9 nós declaramos o nosso formulário com a tag Form e determinamos o que ele irá fazer com o parâmetro action="site.html", isso significa que o que ele capturar nos campos de input será enviado para uma página chamada site.html, pode ser qualquer coisa. Também determinamos como ele enviará os dados usando o parâmetro method="post" além de nomearmos de login.
Na linha 10 temos uma label que esta associada ao input referente ao login.
Na linha 11 usamos um input do tipo "text" e o chamamos de "login".
Idem para as linhas 13 e 14 onde determinados outros inputs, porém com nomes e tipos diferentes.
Na linah 14 o input submit é responsável por enviar os dados através do metodo post.

Salve o arquivo com o nome de login.html e mande exibir no browser.