Создайте радиокнопки
Вы можете использовать radio buttons (радиокнопки) для вопросов, в которых вы хотите, чтобы пользователь дал вам один ответ из нескольких вариантов. Радиокнопки - это тип input. Каждая из ваших радиокнопок может быть вложена в свой собственный элемент label. Обернув элемент input в элемент label вы автоматически свяжете радиокнопку с окружающим ее элементом label. Все связанные радиокнопки должны иметь одинаковый атрибут name для создания группы переключателей. Создавая группу радиокнопок, при выборе любой одной радиокнопки автоматически отменяется выбор других радиокнопок в пределах одной группы, разрешая пользователю только один ответ. Вот пример переключателя:
<label>
<input type="radio" name="indoor-outdoor"> Indoor
</label> for тега label со значением, которое соответствует значению атрибута id input элемента. Это позволяет вспомогательным технологиям создавать взаимосвязанные отношения между label и элементом input . Например:
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor"> Indoor
</label>Добавьте пару радиокнопок в вашу форму, каждая из которых вложена в свой собственный элемент label. У первой радиокнопки должно быть значние indoor а у другой - значние outdoor . Обе должны совместно использовать атрибут name indoor-outdoor чтобы создать группу радиокнопок.