<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>&#x3C;label>
  &#x3C;input type="radio" name="indoor-outdoor"> Indoor
&#x3C;/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>&#x3C;label for="indoor">
  &#x3C;input id="indoor" type="radio" name="indoor-outdoor"> Indoor
&#x3C;/label></code></pre>
</p>
</section>

Обсуждение задания "Create a Set of Radio Buttons"