Выбрать переключатель нажимая на надпись

В приведенных выше примерах вы, возможно, заметили, что вы можете выбрать переключатель, щелкнув связанный с ним < label > элемент, а также сам переключатель. Это действительно полезная функция меток HTML-форм, которая облегчает пользователям выбор нужного параметра, особенно на устройствах с маленьким экраном, таких как смартфоны.

Помимо доступности, это еще одна веская причина для правильной настройки < label > элементов в ваших формах.

Проще говоря, парный тег < label > < /label > дает возможность выбирать переключатели кликая на надпись, так и на сам переключатель, что делает использование переключателей более удобными. 


<form action="#" name="form_3" method="get">

    <label>Семейное положение</label>

        <label>
            <input type="radio" name="status"> Холост
        </label>

        <label>
            <input type="radio" name="status"> Женат
        </label>

        <label>
            <input type="radio" name="status"> Разведён
        </label>

        <label>
            <input type="radio" name="status"> Вдовец
        </label>

</form>