resumen:
Ahora hay un requisito como se muestra en la figura. Cuando el usuario verifica la casilla de verificación de texto de formación de formato, debe mostrar la contraseña ingresada por el usuario en texto sin formato. Cuando se retira la verificación, él o ella deben volver al texto cifrado. Al principio, él o ella deben modificar el tipo de cuadro de entrada para decidir si mostrar el texto sin formato o el texto cifrado. Él o ella usa el attr de JQuery para hacer el experimento. Los resultados de la prueba son Chrome, Firefox e IE9+, y un error se informará a continuación IE8. Encontré la razón. No está permitido modificar el atributo de tipo de entrada en IE8, y finalmente tengo una idea diferente para implementarlo.
Cuando se marca el texto sin formato de pantalla, el cuadro de entrada se reemplaza con type = "Text". Cuando no se marca el cuadro de entrada, el código es el siguiente:
<! Doctype html> <html> <fead> <title> </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8">> <script src = "jQuery.min.js"> </script> </head> <body> <span id = "pass" type = "Password"> </span> <label> <input type = "checkbox" id = "show-password"> show tlaintext </label> <script> $ ('#show-password'). click (function () {var inp, cname, val; if (this.checked) {VaP = $ ('#(#'). niños ('input'); cname = inp.attr ('inp = Val = Val = Val. inp.val();$('#pass').html('<input name="'+cname+'" value="'+val+'" type="text">');} else {inp = $('#pass').children('input');cname = inp.attr('name');val = inp.val();$('#pass').html('<input name = "'+cname+'" value = "'+val+'" "type =" contraseña "> ');}}); </script> </body> </html>Resumir:
Este artículo no tiene contenido técnico, pero este tipo de interacción todavía existe. Principalmente considero los problemas de compatibilidad por debajo de IE8. Si tiene este tipo de interacción en su proyecto, puede consultarlo, o si tiene una mejor manera de compartirla conmigo.