チェックボックス

HTML・CSS・JavaScriptで作ったテキストボックスのデザイン・コード集です。コピペで簡単にご利用頂けます。テキストボックスはユーザーからの文字入力を受け付ける基本的なUI。フォームや検索機能など幅広い場面で活用されます。

全件

  • 青丸チェックマーク

    丸枠＋青チェックで爽やか印象

  • チェックマーク付きラベル

    アイコンとラベルで視認性アップ

  • 円形ボックスチェック

    丸い枠と✔で親しみ感

  • 丸囲みチェックマーク

    チェック時に○が●に変化するデザイン

  • 小さめコンパクト枠

    サイズを抑えた省スペース

  • 点線ボックスチェック

    ドットボーダーと緑の✔

  • 二重枠チェックボックス

    外枠＋内枠の視覚的強調

  • ドロップシャドウチェック

    ✔とボックスが同時に浮かび上がる

  • フェードチェック

    ✔がふんわり表示

  • 内側塗りチェック

    枠はそのままで内部が塗りつぶし

  • 線だけのチェック

    枠なし✔のみの表現

  • パルスチェック

    ✔表示後、軽く脈打つ

  • 回転チェック

    ✔がくるっと回って出現

  • 丸枠チェックマーク

    太めのチェックで強調表示

  • シャドウチェックボックス

    影付きで浮き出る効果

  • スライドインチェック

    左から✔がスライド出現

  • 太チェックマーク

    ✔マークが太くて見やすい

  • 拡大チェック

    ✔が拡大しながら出現

ソースコード
このページのトップへ戻る