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