Sistema de login HTML PHP CSS Javascript

O Exemplo primeiro abaixo é aquele em php que tem duas senhas, a normal de tala de login (figura 1 abaixo), e uma segunda que evita a pessoa colocar a url direto  no navegador e entrar sem a primeira senha (figura 2 abaixo)

FIG1:

FIG2

Esse modelo precisa registrar duas senhas e não está ligado ao banco de dados

Clique Aqui ----OU aqui -------------- para baixar esse primeiro exemplo

Esse primeiro exemplo o de cima pode ser usado apenas a senha do login ou a que está na página mas é legal deixar as duas a e se usar as duas senhas tem que fazer a chamada para o  registro php em todas os inicios dos html das páginas que serão protegidas

Abaixo Temos um exemplo para incorporar no banco de dados

Testei e funcionou bem Clique Aqui - ou - Aqui para baixar

Nesse exemplo (os dados não logam mas as informações são gravada no banco de dados porque eu exclui o campo senha e coloquei o email no lugar mas no banco ele registra a senha como email fazendo as informações ficarem visivel funciona para uso racker)

ABAIXO TEMOS OUTRO EXEMPLO:

Esse exemplo é apenas uma página de login normal SEM CÓDIGO DE PROTEÇÃO de senha sem nada apenas uma tela bonita em css php ainda sem funcionalidade , podendo incorporar o primeiro exemplo lá em cima dentro dessa aqui hahaha

Figura 3 :

Esse exemplo (não está conectado ao banco de dados mais é muito bonito podendo ser adaptado

Clique Aqui - ou - Aqui Para baixar

Agora um exemplo em Java script

O Modelinho abaixo (mostrado na figura  4) vai junto duas páginas a index para digitarmos os dados, a página chamada "essa.html" que é o lugar pra onde a gente vai quando acerta a senha. Vai junto também dos arquivinhos de fotos que são os icones as figurinhas que representam o avatarzinho do usuário e ooutro da senha (como também mostra a figura 4) as duas fotos estão no formato webp

Figura 4:

Clique Aqui ---------  ou Aqui  --------- Para baixar o exemplo em javascript

Veja Tambem um esquema em arquivo .BAT ----->  Clique Aqui

Abaixo temos um exemplo de sistema de loguin javascript com apenas um campo de entrada

Figura 5:

Clique Aqui  ------- Aqui  -----------ou Aqui pra baixar modelo de um campo

VEJA AQUI - UM SITE COM ATRIBUOS QUE PODEM SER USADO NOS CAMPOS DE SENHA