トグルスイッチの実装 前編 div要素やinput要素を使った実装例 2値の切り替えUI、いわゆるトグルスイッチのHTML/CSSについて考えます。今回はdiv要素やinput要素を使った例を見てみましょう。 カテゴリー HTML/CSS HTML/CSSドリル 2021年02月04日 発行 著者 坂巻 翔大郎 フロントエンド・エンジニア トグルスイッチの実装 シリーズの記事一覧 このシリーズの記事 前編 div要素やinput要素を使った実装例 後編 switchロールを使った実装例 目次 はじめに 問題:トグルスイッチ(2値の切替UI) 回答その1:div要素を使う 回答その2:input要素を使う 回答その3:Visually Hiddenを使う ここまでのまとめ この記事を読むには購読の手続きが必要です 購読の手続きへ 月額880円(税込) + 初めてお申し込みの方には、30日間無料でお使いいただけます 後編 switchロールを使った実装例