アイコンをクリックすると、パスワードの表示と非表示を切り替える表現が当たり前の様に使われていますが、今回はそれを簡単にjQueryで実装する方法をお伝えしたいと思います。 DEMOはこちら 実装方法 以下のHTMLとCSS、jQueryを用意します。 HTML <div class="input-wrap"> <input type="password" name="password"> <i class="toggle-pass fa fa-eye-slash"></i> </div> CSS .input-wrap{ position: relative; } .toggle-pass{ position:absolute; top:50%; right: 10px; transform: translateY(-50%); } jQuery $(function() { $('.to
![【jQuery】フォーム内でパスワードの表示/非表示を切り替える](https://cdn-ak-scissors.b.st-hatena.com/image/square/5aff1872a228b3236a46f105a95cfadecfec0c81/height=288;version=1;width=512/https%3A%2F%2Fweb-emo.com%2Fwp-content%2Fuploads%2F2020%2F11%2Fjquery-thum07.jpg)