Executando verificação de segurança...
1

DIRETO AO PONTO: Como fazer um formulário de login em html !

Primeiro precisa saber oque é formulário, e pra ser direto ao ponto é campos de textos que são chamados de inputs, onde voce escreve coisas nesses inputs, como email, senha etc... E a partir desses inputs voce pode trabalhar com esses dados, no caso de um formulario de login, voce faz um input para email, outro para senha, e outro que voce achar necessario para um login, e a partir desses dados voce faz a lógica. Ta ja escrevi demais, vo lança um formulario de login aqui bem basico pra tu.

```
    <form action="/pagina-processa-dados-do-form" method="post">
        <div>
            <label for="email">Email:</label>
            <input type="text" id="email" />
        </div>
        <div>
            <label for="senha">Senha:</label>
            <input type="senha" id="senha" />
        </div>
   </form>
```html

Ai está, primeiramente precisa abrir uma tag form, dentro dela, nesse caso pois tem outras formas de fazer, voce pode dividir os campos dos inputs a partir de div´s, uma div para o email, outra para senha.

Dentro das div´s voce necessariamente precisa colocar um input de tipo text se for para escrever algum texto (obviamente),tem o tipo senha que fica "******", quando voce escreve, ou tambem o number que é só pra numero, enfim tem varios tipos.

Agora voce sabe abrir uma form e organizar as div para cada respectivo input, mas ta faltando algo que não é obrigatório mas é sempre bom fazer, que é a label, resumidamente é o titulo do input, tem um input de email? a label = email, tendeu ?

Algumas definições

Agora algo mais especifico, todos sabem que as tags html sempre tem algum atributo. No caso do form ele tem os atributos de action que mostra para onde os dados desse formulario vai, nesse caso vai para a pagina do site onde processa esses dados para fazer o login, conseguiu entender?

Na div, sempre colocamos id que é nada mais que um nome para essa tag, e na hora do css, ou no backend, da pra chamar esses elemento a partir do id. Isso cabe para os outros elementos também.

Como diz o titulo aqui é direto ao ponto e tentei resumir ao maximo para os devs de passagem que querem coisa rapida, mas va atras de saber mais, tamo junto e até o proximo DIRETO AO PONTO!

Carregando publicação patrocinada...
1

Amigo apenas uma dica, após as três astes você pode colocar o nome da linguagem que está utilizando.

Assim ele irá melhorar a apresentação do conteúdo.

Exemplo: ```html

1
1
1