Fala pessoal, neste blog irei criar um Password Show ou Hide Toggle usando HTML CSS e JavaScript. Em nosso blog temos varios outros turorias interessantes para voce clique aqui.
De forma simples, podemos entender que a alternância de exibir ou ocultar senha significa somente um botão que está no campo de entrada de senha que é usado para mostrar ou ocultar nossa senha enquanto digita. As vezes você quer ter a certeza que a senha digitada esta correta e essa funcionalidade vai ajudar muitos usuarios que utilizaram suas aplicações.
Como você pode ver na imagem fornecida logo abaixo. O input é um campo de entrada que na verdade, em um primeiro momento, existe o texto “Digite sua senha” neste campo de entrada e essa alternância está oculta, quando digitamos algo lá, esse ícone de alternância aparece e podemos ver que o que escrevemos clicando. Todos os caracteres de nossa senha são digitados em forma de pontos, mas quando clicamos nesse botão, todas as palavras que digitamos são alteradas para o alfabeto normal.
Se você está se sentindo confuso(a) sobre este programa [Password Show or Hide Toggle]. Eu tenho um vídeo tutorial completo deste programa fornecido abaixo. Tenho certeza de que depois de assistir a este vídeo, você não terá nenhuma dúvida.
Video completo mostrando como Mostrar e Ocultar Password usando HTML CSS & JavaScript.
Se vocês estão familiarizados com HTML, CSS e JavaScript, então você pode facilmente fazer este programa e você também pode adicionar mais funcionalidades como quiser. Aqueles amigos que estão com dificuldade para criar este programa, não se preocupem, eu forneci todos os arquivos de código-fonte deste programa no link github abaixo.
Codigo fonte:
Clique no link GItHub Password Show or Hide Toggle, va no butão follow, deixa sua estrelinha no repertório e no perfil também.