1

Estou criando uma pagina para se efetuar login e acessar área administrativa de um site. Tudo isso esta sendo feito em PHP, porém estou querendo criar uma parada que vi em alguns sites que é a opção de se ver a senha que foi digitada.

Gostaria de saber qual tecnologia é usada para criar esta opção e se possível como cria-la?

2
  • a tecnologia: javascript e html Commented 23/01/2017 às 1:23
  • Opá, obrigado, tinha encontrado na WEB um forma de fazer, mas estava muito mais complexa, muito obrigado. PS - Só posso aceitar a resposta em 2 min. Commented 23/01/2017 às 1:32

2 Respostas 2

1

Um código simples pra ocultar e exibir a senha:

function mostrarSenha() {
  var tipo = document.getElementById("senha");
  if(tipo.type == "password"){
      tipo.type = "text";
  }else{
      tipo.type = "password";
  }
}
<input id="senha" type="password" value="teste">
<button onclick="mostrarSenha()">Mostrar Senha</button>

0

Vê se te ajuda desta forma:

  $(document).ready(function() {
      $("#showHide").click(function() {
        if ($(".password").attr("type") == "password") {
          $(".password").attr("type", "text");

        } else {
          $(".password").attr("type", "password");
        }
      });
    });
#showHide {
      width: 15px;
      height: 15px;
      float: left;
}
#showHideLabel {
      float: left;
      padding-left: 5px;
}
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <table>
      <tr>
        <td>Password:</td>
        <td>
          <input type="password" name="password" class="password" size="25">
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="checkbox" id="showHide" />
          <label for="showHide" id="showHideLabel">Show Password</label>
        </td>
      </tr>
    </table>

1
  • Obrigado, também ajuda sim, vou treinar ambas as formas. Commented 23/01/2017 às 1:33

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .