ページの作成

ページの作成

親となるページを選択してください。

ページは必ず何かしらの親ページに紐づきます。
親ページに紐づくページを子ページといいます。
例: 親=スポーツ, 子1=サッカー, 子2=野球

子ページを親ページとして更に子ページを作成することも可能です。
例: 親=サッカー, 子=サッカーのルール

親ページはいつでも変更することが可能なのでとりあえず作ってみましょう!
テンプレートを更新

13. ボタンを押してパスワードを一時的に表示させる方法(表示/非表示切り替え)【Javascript/jQuery】

やりたいこと

通常、パスワード入力欄は「●●●●●」と表示されるが、上記のように目のアイコンを押すことでパスワードを可視化したい。

 

実装

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" href="//cdn.materialdesignicons.com/4.9.95/css/materialdesignicons.min.css">

<input id="password" type="password">
<span class="field-icon">
    <i toggle="password-field" class="mdi mdi-eye toggle-password"></i>
</span>

<script>
$(".toggle-password").click(function () {
    $(this).toggleClass("mdi-eye mdi-eye-off");

    var input = $(this).parent().prev("input");
    if (input.attr("type") == "password") {
        input.attr("type", "text");
    } else {
        input.attr("type", "password");
    }
});</script>

 

※CSSは別途必要

子ページ
子ページはありません
同階層のページ
  1. 導入方法
  2. 文法
  3. HTML/CSS操作・制御
  4. 要素の取得
  5. 値の取得
  6. 値と要素の追加
  7. 値と要素の削除
  8. 子要素の削除
  9. 要素のコピー
  10. Ajax
  11. 項目をタッチ/クリックしてスライドさせる方法
  12. テキスト/セレクトボックス/ラジオボタン変更時のイベント
  13. パスワードを一時的に表示させる方法

最近の質問

コメント一覧

    No.6 | guest | 2020-04-10 02:43:10

    quick online loans direct lender quick and loans rates <a href=" https://paydailoanz.com/# ">quick loans</a> quick online payday loans no credit check quick loans under 500 quick click loans quick loan home loans <a href=https://paydailoanz.com/#> quick loan</a> quick loans online direct deposit quick no hassle installment loans https://paydailoanz.com/# - quick loan

    No.5 | guest | 2020-04-09 23:25:28

    online quick cash loans personal loans quick <a href=" https://rifmelokon.ru/ ">quick loans</a> quick payday loans two notch rd quick loans 100% approval quick loan home loans quick loans for bad credit <a href=http://www.patientmedicine.ru/>quick loan</a> quick cash loans broken arrow quick loans albany ga

    No.4 | guest | 2020-04-09 08:22:25

    quick cash loans tulsa ok cash loans quick <a href=" http://www.findhistory.ru/ ">quick loan</a> quick loans rates 50000 quick loans bad credit quick loans quick cash loans nm <a href=http://regionavt.ru/>quick loans</a> quick cash loans tulsa ok quick loans under 500

    No.3 | guest | 2020-04-09 06:36:08

    faxless quick payday loans quick cash loans <a href=" http://mann1.ru/ ">quick loans</a> cash loans quick quick funding loans freedom card quick online loans direct lender get quick loans in usa <a href=http://mototerminal.ru/>quick loans</a> low interet rate quick loans quick cash loans nm

    No.2 | guest | 2020-04-05 21:43:14

    viagra dust in my penis about viagra for men <a href=" https://viagrnetwork.com/#">viagra samples </a> generic names for cialis and viagra viagra pills is viagra safe viagra like supplements <a href=https://viagrnetwork.com/#>buy viagra online </a> viagra accident natural supplements instead of viagra https://viagrnetwork.com/# - cialis vs viagra

    No.1 | guest | 2020-03-28 07:03:39

    brother viagra problem is there any advantage to take viagra every day? <a href=" https://pharm-usa-official.com/# #">viagra generic </a> nahid neff viagra homemade fucking my girlfriend on viagra redhead in sports jersey for viagra daughter helps dad with viagra <a href=https://pharm-usa-official.com/#>viagra side effects </a> generic viagra available in usa nurse viagra https://pharm-usa-official.com - female viagra pills https://mouju.jp/webcommunity/?topic=phodlpwj&paged=39#post-1783578 http://www.caclp.cn/home.php?mod=space&uid=461239 https://www.southjamz.com/2020/02/17/music-onu-peter-yahweh-you-no-dey-fail/?unapproved=52457&moderation-hash=e4ab86b2baa0b554025217a91611797b#comment-52457 http://thepuzzledparents.com/product/my-online-course/?unapproved=3425&moderation-hash=bcde337bab248a8dd33e47777798905a#comment-3425 https://law.cmb.ac.lk/annual-research-symposium-2016/16ars19-2/#comment-771325