Где нужен label, а где нет?


#1

Такой вопрос. Задание последнее то я решила. Но не всегда понимаю, где уместно вставлять label.

Сам кусок кода:

    <form action="https://echo.htmlacademy.ru" method="post"enctype="multipart/form-data">
        Ваш пол: 
        <label>
        <input type="radio" name="sex" value="male">Мужской 
        </label>
        <label>
            <input type="radio" name="sex" value="female" checked>
        Женский
        </label><br>
        <label>
        Месяц и год рождения:<br>
        <select name="month-of-birth">
            <option value="january">Январь</option>
            <option value="fabruary">Февраль</option>
            <option value="march">Март</option>
            <option value="april">Апрель</option>
            <option value="may">Май</option>
            <option value="June">Июнь</option>
            <option value="July">Июль</option>
            <option value="August">Август</option>
            </select>
         <select name="year-of-birth">
             <option value="1990">1990</option>
             <option value="1991">1991</option>
             <option value="1992">1992</option>
             <option value="1993">1993</option>
             <option value="1994">1994</option>
             </select>
        </label><br>
        <lable>
        Знакомые технологии:<br>
        <select name="multiple-select" multiple>
            <option value="html">HTML</option>
            <option value="css" selected>CSS</option>
            <option value="JavaScript">JavaScript</option>
            <option value="Node.js">Node.js</option>
        </select>
        </lable><br>
        <label>Фото:<input type="file" name="input-foto">
        </label><br>
        <input type="submit" name="submit" value="Сохранить">
    </form>

Не совсем понятно, как оборачивать лейблом (и нужно ли) “Ваш пол”. К каждой кнопке идет свой лейбл, который на нее ссылается при нажатии. Делать лейбл в лейбле? (и нужно ли?)

Смущает лейбл для списков selected. При нажатии на слова, вроде бы как переносит на первый из списков, но не дает открыть сам список, получается лейбл тут только для семантики?


#2

Нет такого тега. Два поля в один label оборачивать нельзя. Одно поле - один label.


#3

Да, это мой баг, вечно путаю.

Спасибо, этого не знала.