У ещё одного элемента формы, который мы соберём, нет «нативного» браузерного аналога — это переключатель.

Переключатели больше распространены в мобильных интерфейсах.

Для этого нам понадобятся уже полюбившиеся вам чекбоксы, подписи и приём с :checked ~. Давайте как обычно создадим в разметке нужные элементы и скроем «нативные» чекбоксы.