18/18 99% Подскажите пожалуйста.

Курсы §6. Формы, часть 1
1 
<!DOCTYPE html>
Испытание: редактирование профиля

Профиль

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

Подскажите пожалуйста, в чем моя ошибка и нужны label около “Ваш пол”, " Месяц и год рождения:", " Знакомые технологии:" и “Фото:”. Читаем ли код? Или нужно писать по другому?

2 
<!DOCTYPE html>
Испытание: редактирование профиля

Профиль

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

вот так почему то правильно…100%
подскажите пожалуйста почему?

3

в первом случае у вас “мужской” лейбл вообще непонятно на что должен реагировать.
проверка не может проверить есть ли у вас лейбл вообще, вы правильно определили что перед указанием полов должен быть пробел, нужно было еще оформить это внутри лейбла

например вот так 
  <label><input type="radio" name="sex" value="male" id="man"> Мужской
  </label>
  <label><input type="radio" name="sex" value="female" checked id="woman"> Женский
  </label>
1 лайк
4

Спасибо за ответ, и на сколько я понимаю, еще ошибка у меня в том, что я не использовал атрибут value?

5

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

1 лайк
6

Здравствуйте, увидев пример Вашего кода начала сомневаться, что пишу лишнее, задание засчитано на 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="multitype/form-data">
      <label for="gender"> Ваш пол:
      <input type="radio" name="gender" value="male" id="man"> Мужской</input>
      <input type="radio" name="gender" value="female" checked id="woman"> Женский</input>
  </label><br>
      <label for="date">Месяц и год рождения:<br>
      <select><option name="date" id="yanvar">Январь</option></select>
      <select><option name="date" id="1990">1990</option></select></label><br>
      <label for="prog">Знакомые технологии:<br>
      <select size="4">
      <option name="prog" id="html">HTML</option>
      <option name="prog" id="css" selected>CSS</option>
      <option name="prog" id="java">JavaScript</option>
      <option name="prog" id="nod">Node.js</option></select></label><br>
      <label for="photo"> Фото: <input type="file" name="Choose File" id="file"></input></label> 
      <input type="submit" value="Сохранить"></input>
    </form>
  </body>
</html>
7

1 лайк
9

Исправила предыдущее сообщение, :slight_smile:

10

input – не парный тег
label for – срабатывает на id, не name
используйте либо label for, либо “обертывание” в label – одновременно моветон

гендерные лейблы не функциональны (и вообще он один почему то), ну и дальнейшие ошибки с этим же элементом по причинам выше.

мультиселекта нет…

похвалю вас напоследок чтобы не теряли веру во фронтэнд – кнопка “Сохранить” определенно удалась :sweat_smile:

1 лайк
11

Благодарю за советы и исправления, получается я тут поэму целую написала в свободном стиле :grin: ну да новичкам везет , пойду исправлять :innocent: