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

Курсы Ошибки в курсах
9

А скиньте код текстом, пожалуйста.

12 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Испытание: редактирование профиля</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Профиль</h1>

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

Попробуйте вариант с таким форматированием:

      <label>
        <input type="radio" id="gender"> Мужской
      </label>

      <label>
        <input type="radio" name="gender" checked> Женский
      </label>
1 лайк
14

Почему-то влияет этот перенос закрывающего тега последний. Будем разбираться.

15

Да, так все ок! спасибо!

1
скрин 3.1.jpg1354×782 165 KB

16

Хотя очень странно: там, где “Женский”, - id=“gender”, а там, где “Мужской” - name=“gender”. И все работает)))

17

А, с атрибутами это я просто поторопился написать. Фишка именно в форматировании:

<label>
  что-то
</label>

вместо

<label>что-то</label>

18

Понятно) Спасибо за разъяснения!

19

а у меня остаются все те же 99% не смотря на форматирование:
инпут внутри лэйбла:

form-var-1
form-var-1.png1374×764 58.2 KB

привязка по id:

form-var-2
form-var-2.png1364×792 51.4 KB

20

А если включиьт инпуты в лейблы?

21

я же выше приводила скрин:
![form-var-1|689x383]

form-var-3
form-var-3.png1360×854 67.9 KB

всё те же различия в Женском и 99%

22

Пардон, невнимательно посмотрел. Счас вот такой вариант форматирования проходит Ошибка в курсе: Испытание: редактирование профиля [18/18].

23

Но этот вариант

отличается от моего только тем, что я ещё указала value (который обязательный атрибут).
Без value я тоже пробовала - все равно 99% (на сегодня закончились проверки, не смогу выложить скрин)

24

Я смогла сделать 100%
Для этого я в своем 99-процентом коде просто поменяла значение атрибута name у радиобаттона с “sex” на “gender” - и сразу стало 100%. Получается, что именно это оказалось почему-то принципиальным моментом. Поэтому вопрос - и как мы должны были догадаться?

form-var-4
form-var-4.png1376×856 58.4 KB

25

:disappointed_relieved: будем разбираться

26

У меня проблема в слове “рождения:”. Перепробовал уже всё.

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

Профиль

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

Вы слово “рождения” отделили, оно не входит ни в один label, ни в другой.

28

Приветы всем форумчанам! В очередной раз проходил данную ветку в курсах и сам наткнулся на 95-99% (глюки, как указывается в большенстве созданных тем, буквы “М” или “Ж” в словах “Мужской” и “Женский”) на последнем испытание. Протестив разные варианты, 100% конечно в итоге получил, просто убрав логическую привязку и вложенность инпутов в лабелы, подумав, что наверное разработчики добавили костыли слегка ослабили критерии проверки для не перфекционистов :nerd_face: Ниже 100% код в Chrome последней версии:

без инпутов в лабелах на 100% 
<html>
  <head>
    <meta charset="utf-8">
    <title>Испытание: редактирование профиля</title>
    <link rel="stylesheet" href="style.css">
 </head>
 <body>
   <h1>Профиль</h1>
   <form action="https://echo.htmlacademy.ru" method="post" enctype="multipart/form-data">
     Ваш пол:
     <input type="radio" name="sex" value="male"> Мужской
     <input type="radio" name="sex" value="female" checked> Женский
     <br>
     Месяц и год рождения:
     <br>
     <select name="mouth">
        <option value="january">Январь</option>
     </select>
     <select name="year">
        <option value="1990">1990</option>
     </select>
     <br>
     Знакомые технологии:
     <br>
     <select name="technology" multiple size="4">
        <option>HTML</option>
        <option selected>CSS</option>
        <option>JavaScript</option>
        <option>Node.js</option>
     </select>
     <br>
     Фото:
       <input type="file" name="photo">
       <input type="submit" value="Сохранить">
        </form>
      </body>
    </html>

А пока ждем фикса и сообщение от juwain и что-бы не плодить еще одну тему решил запостить сюда, в одну из самых активных топов по данному курсу, некий объединенный ответ.
Собственно чтобы пройти на 100% с чистой совестью и учитывая требование задания, что "Радиокнопки и подписи к ним должны быть сгруппированы в тегах <label> и как подсказывает Ineska тут, тут и тут Ваш код должен выглядеть именно вот так:

с инпутами в лабелах на 100% 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Испытание: редактирование профиля</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Профиль</h1>
    <form action="https://echo.htmlacademy.ru" method="post" enctype="multipart/form-data">
      Ваш пол:
      <label for="man"><input type="radio" name="sex" value="male" id="man"> Мужской
      </label>
      <label for="woman"><input type="radio" name="sex" value="female" checked id="woman"> Женский
      </label>
      <br>
      Месяц и год рождения:
      <br>
      <select name="mouth">
       <option value="january">Январь</option>
      </select>
      <select name="year">
       <option value="1990">1990</option>
      </select>
      <br>
      Знакомые технологии:
      <br>
      <select name="technology" multiple size="4">
      <option>HTML</option>
      <option selected>CSS</option>
      <option>JavaScript</option>
      <option>Node.js</option>
      </select>
      <br>
      Фото:
      <input type="file" name="photo">
      <input type="submit" value="Сохранить">
    </form>
  </body>
</html>

причем закрывающий тег </label> должен быть именно перенесен на следующую строку. Эта подсказка уже давалось juwain за что ему спасибо. Никакой зависимости от <id> или атрибута name, для достижения 100%, как указывали юзеры выше в задании нет и быть не может. Стоит так же добавить, что обновление страницы так же все еще помогает, но это уже для тех, кому религия не позволяет, и отступ конечно между инпутом с радио и словами “Мужской” и “Женский” является обязательным.

1 лайк
29

Большое вам спасибо!!! Я бы не смогла спать с результатом 99% )))))
Мне помог второй вариант: с инпутами в лейблах ---- ошибка была в отсутствии ОТСТУПОВ мужду > и Мужской/Женский.

Теперь хочется понять в чем логика??? Эти отступы обязательны или просто глюк системы?

30

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

1 лайк