18/18. 97% что не так ?


#1
Испытание: редактирование профиля

Профиль

<form action="https://echo.htmlacademy.ru" method="post" enctype="maltipart/form-data">
  <label>Ваш пол: <label>
  <input type="radio" name="male-female" value="male">
  Мужской</label>
  <label>
  <input type="radio" name="male-female" value="female" checked>Женский</label></label><br>
  
  <label>Месяц и год рождения:<br>
  <select>
    <option>Январь</option>
  </select>
  <select>
    <option>1990</option>
  </select>
  </label><br>
  
  <label>
  Знакомые технологии:<br>
  <select multiple size="4">
  <option>HTML</option>
  <option selected>CSS</option>
  <option>JavaScript</option>
  <option>Node.js</option>
  </select>
  </label><br>
  
  <label>Фото:
  <input type="file">
  <input type="submit" value="Сохранить">
  </label>
</form>





#2

При добавлении пробела перед словом “Женский” :
<input type="radio" name="male-female" value="female" checked>Женский</label></label>
Получается 99%



#3

Все (почти все) <label> расставлены не верно.

Есть и другие ошибки…
Вставьте код по адресу: https://validator.w3.org/nu/#textarea


Проверка этого испытания работает не корректно:
Ошибка в курсе: Испытание: редактирование профиля [18/18]


#5

тогда обьясните пожалуйста как надо было расставлять <label>


#6
<label>Ваш пол: <label>
<input type="radio" name="male-female" value="male">Мужской</label>
<label>
<input type="radio" name="male-female" value="female" checked>Женский</label></label>

В первой строке два раза открыт, и ни разу не закрыт.
Во второй-третьей строке не открыт, но закрыт.
В четвёртой-пятой строке один раз открыт, два раза закрыт…
В общем… не понятно и не логично…

Кроме того в первой строке label вообще не нужен.


Правильнее будет так:
Ваш пол:
<input type="radio" name="male-female" id="field-male" value="male">
<label for="field-male">Мужской</label>
<input type="radio" name="male-female"  id="field-female" value="female" checked>
<label for="field-female">Женский</label>

Каждая надпись привязаны к своей радиокнопке.
Выбирать пол можно не только кликая мышью по самой радиокнопке,
но и кликая по надписи к ней.

Для “Ваш пол:” label не нужен, поскольку не понятно к какой из кнопок его привязывать.


<label>Месяц и год рождения:<br>
  <select>
    <option>Январь</option>
  </select>
  <select>
    <option>1990</option>
  </select>
</label><br>

Определять label сразу для нескольких полей тоже не стоит.
У каждого из select может быть свой id.


Для пользователя будет удобнее:

<label for="mounth">Месяц</label><label for="year"> и год рождения:</label><br>
  <select id="mounth">
    <option>Январь</option>
  </select>
  <select id="year">
    <option>1990</option>
  </select><br>

Щёлкая по “Месяц” – попадаете в поле выбора месяца,
по " и год рождения:" – в поле выбора года.


Перечитайте ещё раз теорию к курсу со 2 по 6 урок -- и всё станет понятнее...

#7

спасибо