【Vanilla JS】「パスワードを表示する」チェックボックスで、入力したパスワード文字列の表示/非表示を切り替える

[ ID : 10796 ]
シルバー
【Vanilla JS】「パスワードを表示する」チェックボックスで、入力したパスワード文字列の表示/非表示を切り替える
実装目安
3分

概要

チェックボックス「パスワードを表示する」のチェックの有無で、パスワード入力欄(input type="password")に入力したパスワード文字列
の表示/非表示を切り替える処理をJavaScriptで実装する方法を紹介。

用途・要件

  • パスワード入力欄(input type=”password”)と、チェックボックス「パスワードを表示する」を配置。
  • 「パスワードを表示する」にチェックを入れると入力したパスワード文字列を表示し、チェックを外すと非表示になる。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録