De fato, a senha não pode ser exibida na implementação, mas temos esse requisito em nosso trabalho. Quando não inserimos nada, há um prompt para inserir a senha na caixa, mas quando inserimos algo, o número * é exibido. Então, como é implementado? De fato, o princípio é muito simples, que é colocar duas caixas de texto, o estilo e o posicionamento são os mesmos. Primeiro oculte o tipo como senha e exiba apenas a caixa de senha pseudo com tipo como texto. Defina o prompt de valor para prompts, como a senha de entrada. Então, quando a entrada é acionada, a entrada do texto do tipo é oculta, para que a entrada da senha do tipo seja exibida. Então, quando o valor da senha é detectado para estar vazio, o tipo é a senha oculta e o tipo é a exibição do texto. Não vou dizer nada, adicionarei o código. (PS: função de redefinição adicional)
Primeiro digite a parte html
<table> <tr> <td> conta </td> <td> <input type = "text" value = "Por favor, digite sua conta"/> </td> </tr> <tr> <td> senha </td> <tys> <input type = "text" = "digite sua senha" = "" Login_showpw "/" Nenhum "/> </td> </tr> <tr> <td> <input type =" button "value =" login "/> <input type =" button "value =" reset "id =" btn_res "/> </td> </tr> </tabela>
Então vá para a parte do JS
// Parte da conta $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "Por favor, digite sua conta") {$ (this) .val ("");}}); $ (". Admin). Blu (function) {if ($ (this). conta ");}}); // Senha Parte $ ('#login_showpwd'). foco (function () {var text_value = $ (this) .val (); if (text_value == this.DefaultValue) {$ ('#login_showpwd'). hide (); $ ('#login_password'). show (). focus ();}}); $ ('#login_password'). blu (function () {var text_value = $ (this) .val (); if (text_value == "") {$ ('#login_showpwd'). show (); $ ('#login_password'). hide ();}}}); // redefinir a parte $ ('#btn_res'). conta "); $ ('#login_password'). hide (). val (" "); $ ("#login_showpwd "). show ();});});Abaixo, apresentarei o método de texto exibido na caixa de entrada de senha
Um pequeno aviso é que muitos sites têm duas palavras na caixa de entrada de senha. Eu costumava pensar que era texto, mas só descobri hoje que é uma tag de senha. O método de escrita é o seguinte
<input type = "senha" name = "Pas" espaço local = "senha"/>
Basta adicionar um atributo de espaço reservado
O exposto acima é o conhecimento relevante sobre o código de função do prompt de texto exibido na caixa de senha (senha) introduzida a você pelo editor. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!