De hecho, de hecho, la contraseña no se puede mostrar en la implementación, pero tenemos tal requisito en nuestro trabajo. Cuando no hemos ingresado algo, hay un mensaje para ingresar la contraseña en el cuadro, pero cuando ingresamos algo, se muestra el número *. Entonces, ¿cómo se implementa? De hecho, el principio es muy simple, que es colocar dos cuadros de texto, el estilo y el posicionamiento son los mismos. Primero oculte el tipo como contraseña y solo muestre el cuadro de contraseña de pseudo con el tipo de texto. Establezca la solicitud de valor para las indicaciones, como la contraseña de entrada. Luego, cuando se activa la entrada, la entrada de texto de tipo se oculta, de modo que se muestra la entrada de contraseña de entrada de tipo. Luego, cuando el valor de la contraseña se detecta para estar vacío, el tipo está oculto con contraseña y el tipo es la visualización de texto. No diré nada, agregaré el código. (PS: función de reinicio adicional)
Primero ingrese a la parte HTML
<Able> <tr> <td> cuenta </td> <td> <input type = "text" value = "Por favor, ingrese su cuenta"/> </td> </tr> <tr> <tr> <td> contraseña </td> <td> <input type = "text" value = "Por favor, ingrese su contraseña" ID = "Login_showpwd"/> <input type = "PASSINTY" ID = "Login_password" Ninguno "/> </td> </tr> <tr> <td> <input type =" button "value =" login "/> <input type =" button "value =" reset "id =" btn_res "/> </td> </tr> </table>
Entonces ve a la parte JS
// Cuenta parte $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "Por favor ingrese su cuenta") {$ (this) .val ("");}}); $ (". Admin"). Blur (function () {if ($ (this) .val () == ") {$ (this). cuenta ");}}); // Passion Parte $ ('#login_showpwd'). Focus (function () {var text_value = $ (this) .val (); if (text_value == this.defaultValue) {$ ('#login_showpwd'). hide (); $ ('#login_password'). show (). focus ();}}); $ ('#login_password'). blur (function () {var text_value = $ (this) .val (); if (text_value == "") {$ ('#login_showpwd'). show (); $ ('#login_password'). hide ();}}); // reinicie la parte $ ('#btn_res'). haga clic (function () {$ ('. Admin'). Val ("por favor ingrese su cuenta "); $ ('#login_password'). Hide (). Val (" "); $ ("#Login_ShowPwd "). Show ();});});A continuación introduciré el método de texto que se muestra en el cuadro de entrada de contraseña
Un pequeño mensaje es que muchos sitios web tienen dos palabras en el cuadro de entrada de contraseña. Solía pensar que era texto, pero solo descubrí que es una etiqueta de contraseña. El método de escritura es el siguiente
<input type = "Password" name = "PAS" PlaceHolder = "Password"/>
Simplemente agregue un atributo de marcador de posición
Lo anterior es el conocimiento relevante sobre el código de función de solicitud de texto que se muestra en el cuadro de contraseña (contraseña) que le presenta el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor le responderá a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!