登録フォームで目のアイコンのあるフォームを見かける。 クリックすると入力したパスワードの平文が確認でき、打ち間違いを防止出来るため便利ですね。 それをCSSとjQueryで作成しました。 パスワードの表示/非表示を切り替えるフォーム まずは作ったフォームを確認してみてください。 パスワードのフォームのアイコンを押すと合わせて表示・非表示を切り替えます。 CSSはF12で検証してください。 Macは⌘+option+i（【Mac】ChromeのデベロッパーツールをF12で開くよう設定する方法）。 ※ Emailのフォームは飾りです。ボタンはパスワードをどこへも送りません。 利用したライブラリ jquery 3.3.1 materialdesignicons.css 3.5.95 アイコンのフォントにMaterial Design Iconsを使いました。 Font Awesomeなどアイコン