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