ブログフロントエンド10年目の僕がHTML、CSS、javascriptの忘れがちなことを日々書いています。HTMLCSSjavascriptPHP箱庭タウンズ【jQuery】パスワードの表示・非表示を切り替える方法2020年11月16日この記事は約7分で読めます。広告フォームのパスワードを入力する時、自分で打ったパスワードを見たい時ってあるよね。同じパスワードを2回打つフォームもあるし、健忘症な自分は、どんなパスワードを打ったかすぐ忘れちゃうので、表示できる機能があるとありがたいです。1});}});解説HTMLがちょっと長いですが、目のアイコンはsvgの直打ちになっているのでそのままコピペすればアイコンも表示されます。‘text’;」このjavascriptでinputの「type」属性をpasswordからtextに変更して表示非、表示を変更しています。調べたらjQueryでは、「type」属性を変更する方法が無い?のかjavascriptの「get()」で取得するみたい!jQueryで書いてると、「get()」ってあまりなじみがないから「???」ってなるけど、こうゆう書き方しなきゃダメみたい。それ以外のjQueryの記述は、開いた目や閉じた目のアイコンを表示したり消したりしてるだけだからね!デベロッパーツールで確認すると、ちゃんと「type」属性が変更されてるのが確認できますね!もし目のアイコンが気に入らなかったら、色々変更してね!画像にpngやjpgを使う場合は、HTMLと合わせてCSSとjsの「svg」も「png」や「jpg」に変更してね!以上で「jQueryでパスワードの表示・非表示を切り替える方法」終わりです!javascriptjQueryサイト制作こんな建物だれがどうしてつくったの?エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ初めてのブログこの投稿関連の記事CSSCSSでダークモードに即対応。OSの画面設定をウェブでも利用しよう!海外のサイトとか見てると、自分のiphoneの設定をダークモードにしてる時、勝手に暗いデザインで表示されてるのを見てどう...2021年01月24日CSSサイト制作javascript【jQuery】特定文字列が含まれているかを判定|:contains()特定文字列が含まれている時、手間かかるかもと思っていたけどif文も書かずにクリア出来て嬉しかったのでご紹介します。今回...2020年04月08日javascriptjQueryjavascript【jQuery】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。デザインを変えようか、それとも何個...2021年08月16日javascriptjQueryjavascript【jQuery】HTMLの書き換え方ボタンを押した時などのユーザーのアクションによってHTMLを書き換える方法のご紹介です。HTML要素内のテキストを書き...2020年10月05日javascriptjQueryサイト制作javascriptjQueryでaタグが外部リンクかを自動判定して[target=”_blink”]を付けるaタグが外部リンクだった時、よっぽどの理由がない限り別窓で表示する「target="_blink"」を付けるじゃない。...2024年03月18日javascriptjQueryPHP【初めてのPHP】echoで文字を表示フロントを作ってるとPHPって聞いたことあるけど、始め方が分かんない状態がずっと続く。コメントをキャンセルメールアドレスが公開されることはありません。名前メールサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。広告エンデ・バタローフロントエンドエンジニアとして10年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、今は亡きXHTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。制作のご依頼はこちらから連絡ください。ブログ.メニューHTMLCSSjavascriptPHP箱庭タウンズ検索タイトルとURLをコピーしました。