まとめ:
図に示すように、要件があります。ユーザーが[プレーンテキスト]チェックボックスをチェックすると、ユーザーが入力したパスワードを[プレーンテキスト]に表示する必要があります。チェックが削除されると、彼または彼女は暗号文に戻る必要があります。最初は、入力ボックスのタイプを変更して、プレーンテキストを表示するか暗号文を表示するかを決定する必要があります。彼または彼女はJQueryの魅力を使用して実験を行います。テスト結果はChrome、Firefox、およびIE9+であり、IE8以下でエラーが報告されます。理由を見つけました。 IE8の入力の型属性を変更することは許可されておらず、最後に私はそれを実装する別のアイデアを持っています。
表示プレーンテキストがチェックされると、入力ボックスはtype = "テキスト"で置き換えられます。入力ボックスがチェックされない場合、コードは次のとおりです。
<!Doctype html> <html> <head> <title> </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <scrip = "jquery.min.js"> </scrip> </head> <span <span <pass "> <pass"> <span < type = "password"> </span> <label> <入力タイプ= "Checkbox" id = "show-password"> show plaintext </label> <script> $( '#show-password')。 inp.val(); $( '#pass')。html( '<input name = "'+cname+'" value = "'+val+'" type = "text">');} els {inp = $( '#pass')。 name = "'+cname+'" value = "'+val+'" "type =" password "> ');}}); </script> </body> </html>要約:
この記事には技術的な内容はありませんが、この種の相互作用はまだ存在します。主にIE8以下の互換性の問題を検討します。プロジェクトにこの種の相互作用がある場合は、それを参照することができます。または、それを私と共有するより良い方法がある場合は、参照できます。