краткое содержание:
Сейчас есть требование, как показано на рисунке. Когда пользователь проверяет флажок Show Plaintext, ему или ей нужно отобразить пароль, введенный пользователем в открытом виде. Когда проверка удаляется, он или она должен повернуться обратно в шифровый текст. В начале он или она должен изменить тип окна ввода, чтобы решить, отображать ли открытый текст или зашифрованный текст. Он или она использует атрис jQuery, чтобы провести эксперимент. Результаты испытаний - хром, Firefox и IE9+, а ошибка будет представлена ниже IE8. Я нашел причину. Не разрешено изменять атрибут типа ввода в IE8, и, наконец, у меня есть другая идея для его реализации.
При проверке открытого текста дисплей, окно ввода заменяется на тип = "Текст". Когда окно ввода не проверяется, код выглядит следующим образом:
<! Doctype html> <html> <head> <title> </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <script src = "jquery.min.js"> </script> </head> <body> <span id Id "=" voning "> </script> </head> <body> <prov Id Id" <> </script> </head> <body> <prov Id "=" </sparpt> </head> <body> <span ID ". type = "password"> </span> <babel> <input type = "fackbox" id = "show-password"> show plantext </label> <script> $ ('#show-password'). click (function () {var inp, cname, val; if (this.cecked) {inp = $ ('#pass'). inp.val (); $ ('#pass'). html ('<input name = "'+cname+'" value = "'+val+'" type = "text">');} else {inp = $ ('#pass'). Дети ('input'); cname = inp.attr ('name'); vanp = inp.val (); name = "'+cname+'" value = "'+val+'" "type =" password "> ');}}); </script> </body> </html>Суммировать:
Эта статья не имеет никакого технического контента, но этот вид взаимодействия все еще существует. В основном я рассматриваю проблемы совместимости ниже IE8. Если в вашем проекте есть такое взаимодействие, вы можете обратиться к нему, или если у вас есть лучший способ поделиться им со мной.