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="radio" value="nedzen">Вариант 1</p>
    <p><input name="a" type="radio" value="dzen">Вариант 2</p>
    <p><input name="a" type="radio" value="pdzen" checked>Вариант 3</p>
    
    <br>
    
     <h3>
   Группа радиокнопок 2:
   </h3>
    <p><input name="b" type="radio" value="nedzen">Вариант 1</p>
    <p><input name="b" type="radio" value="dzen">Вариант 2</p>
    <p><input name="b" type="radio" value="pdzen" checked>Вариант 3</p>
  </form>