JSFiddle - React, Tailwind, and code Playground

by Alexander Branchugov

HTML

<form action="handler.php">
   <p><b>Пример работы с чекбоксами с использованием клаваитуры</b></p>
   <p><b>Клавиша tab</b> - устанавливает фокус чекбокс</p>
   <p><b>Клавиша пробел</b> - выбор значения</p>
   <h3>
   Группа чекбоксов 1:
   </h3>
    <p><input name="a" type="checkbox" value="nedzen">Вариант 1</p>
    <p><input name="a" type="checkbox" value="dzen">Вариант 2</p>
    <p><input name="a" type="checkbox" value="pdzen" checked>Вариант 3</p>
    
    <br>
    
     <h3>
   Группа чекбоксов 2:
   </h3>
    <p><input name="b" type="checkbox" value="nedzen">Вариант 1</p>
    <p><input name="b" type="checkbox" value="dzen">Вариант 2</p>
    <p><input name="b" type="checkbox" value="pdzen" checked>Вариант 3</p>
  </form>