実装目安
3分
概要
チェックボックス「パスワードを表示する」のチェックの有無で、パスワード入力欄(input type="password")に入力したパスワード文字列の表示/非表示を切り替える処理をJavaScriptで実装する方法を紹介。
用途・要件
- パスワード入力欄(input type=”password”)と、チェックボックス「パスワードを表示する」を配置。
- 「パスワードを表示する」にチェックを入れると入力したパスワード文字列を表示し、チェックを外すと非表示になる。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
