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

Пропущено двоеточие после слов. Кроме того, не стоит включать внутрь лейблов селекты :smile:

Я целых 2 дня потратила не понимая в чем ошибка! Результат показывал 94-95% попеременно. И всего-то оказывается поле “год и месяц” не нужно было заполнять дополнительными полями. :laughing:

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

Профиль

    <form action="https://echo.htmlacademy.ru" method="post" enctype="multipart/form-data">
        Ваш пол:
        <label for="gender-male">
            <input type="radio" name="gender" value="male" id="gender-male"> Мужской
        </label>
        <label for="gender-female">
            <input type="radio" name="gender" value="female" id="gender-female" checked> Женский
        </label><br>
        <label for="id-month">Месяц</label> и
        <label for="id-year">год</label> рождения:<br>
        <select name="month">
            <option value="january">Январь</option>
        </select>
        <select name="year">
            <option value="year">1990</option>
        </select><br>
        
        <label for="id-techno">Знакомые технологии:</label><br>
        <select name="technology" 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><br>
        <label for="id_photo">Фото:</label>
        <input type="submit" id="id_photo" value="Choose File">
        </label>No file selected<br>
        <input type="submit" name="save" value="Сохранить">
    </form>
</body>

https://htmlacademy.ru/upload/files/task_405/att_ea4c0fad5fe6a3a14e597feb8950689e.png?0.9628453493527696
Вот что выдаёт. Не могу понять в чем причина!!!

А почему у вас два элемента с типом submit?

Спасибо!!! Понял! Надо было использовать элемент file!
В ответе пишется “No file selected”, а в результате “Файл не выбран”!!! Как так???
Целый час ломал голову!!! :blush: Но, несмотря на это 100% ???

Не обращайте внимания, поля в браузерах могут отображаться по-разному. На проверку это не влияет.

Спасибо за помощь!!! Очень приятно, когда люди быстро откликаются на зов помощи!!! :slight_smile:

<!DOCTYPE html>
<html lang="en">
  <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>Ваш пол:</label>
      <input type="radio" name="sex" value="М"> Мужской
<input type="radio" name="sex" value="Ж" checked> Женский<br>
      <label>Месяц и год рождения:</label><br>
<select><option value="Январь">Январь</option></select> <select><option value="1990">1990</option></select><br>
  <label>Знакомые технологии:</label><br>
  <select name="vvv" multiple>
      <option value="html">HTML</option>
      <option value="css" selected>CSS</option>
      <option value="js">JavaScript</option>
      <option value="n.js">Node.js</option>
  </select><br>
      <label>Фото: </label><input type="file" name="avatar" value=" Choose File">
      <input type="submit" value="Сохранить">
    </form>
  </body>
</html>

Что не так?

Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы (<input>, <select>, <textarea>). Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на текст.
Источник: http://htmlbook.ru/html/label


В Вашем коде <label> стоят не там где нужно…
Расставьте правильно, и привяжите по id.

Напоминание здесь: https://htmlacademy.ru/courses/46/run/4,
https://htmlacademy.ru/courses/46/run/5

привет:)
испытание на 100% выполнил, однако хочу убедиться, правильно ли я расставил <label>.
дело в том, что поначалу везде расставил их, но вскоре понял, что это дичь какая-то и починил. теперь преследует паранойя. буду весьма благодарен, если кто-нибудь поправит, в случае, если я допустил где-то ошибку:)

<!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>
        <input type="radio" name="sex" value="male"> Мужской
      </label>
      <label>
        <input type="radio" name="sex" checked value="female"> Женский
      </label><br>
      Месяц и год рождения:<br>
        <select name="month">
          <option value="January">Январь</option>
        </select>
        <select name="year">
          <option value="1990">1990</option>
        </select><br>
      Знакомые технологии:<br>
        <select multiple size="4" name="knowledge">
          <option value="HTML" name="HTML[]">HTML</option>
          <option value="CSS" name="CSS[]" selected>CSS</option>
          <option value="JavaScript" name="JavaScript[]">JavaScript</option>
          <option value="Node.js" name="Node.js[]">Node.js</option> 
        </select><br>
      Фото:
        <input type="file" name="photo">
      <input type="submit" value="Сохранить">
    </form>
  </body>
</html>

На мой взгляд – правильно.
У меня столько же, но вставлял по-другому - с привязкой по id:
https://htmlacademy.ru/courses/46/run/5

<input type="radio" name="gender" id="m" value="m">
<label for="m">Мужской</label>
<input type="radio" name="gender" id="f" value="f" checked>
<label for="f">Женский</label>

о, я вовсе забыл про привязку по id. спасибо за ответ:)

С привязкой по id испытание пройдёте на 99% – ошибка при проверке.

Для себя нашел решение) Если при создании поля “мужской пол” закрывающий тег </label> написать на одной строке с самой формой, то задание выполняется на 99%

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

А если тот же закрывающие тег перенести на новую строку “пробелом”, то задание выполняется на 100%):
<label><input type="radio" name="gender" value="male"> Мужской
</label>
ОС: Windows 7-64bit
Браузер: Chrom 71.0.3578.98 (32bit)

1 лайк

Такого тега не существует… (частая опечатка).

Спасибо, исправил)

<!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/courses" method="post" enctype="multipart/form-data">
      <label>
        Ваш пол:
        <input type="radio" name="gender">
         Мужской
         <input type="radio" checked name ="gender">
         Женский
      </label>
      <br>
      <label>
        Месяц и год рождения:
        <br>
        <select name="birthday-month">
          <option name="month">Январь</option>
        </select>
        <select name="birthday-year">
          <option name="year">1990</option>
        </select>
      </label>
      <br>
      <label>
        Знакомые технологии:
        <br>
        <select name="technologies" multiple size="4">
          <option name="technology">HTML</option>
          <option name="technology" selected>CSS</option>
          <option name="technology">JavaScript</option>
          <option name="technology">Node.js</option>
        </select>
      </label>
      <br>
      <label>
        Фото:
        <input type="file" name="avatar">
      </label>
      <input type="submit" value="Сохранить">
    </form>
  </body>
</html>

28/11/2022 - 100%. Конспект в руки и все пройдете сами.

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

Правильно?

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

Профиль

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