Испытание: формы — вспомнить всё [1/28]

LeonMS · 16.Август.2017 09:48:47

Может громко сказано было😁 Имел ввиду форматирование кода.

Kate744 · 05.Декабрь.2017 04:25:19

Использовать name=“name” это нормальная практика?

Skippy · 25.Октябрь.2018 12:16:53

Добрый день! Выполнил это задание на 99% Подскажите, пожалуйста, что не так?

Код:

 <!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: формы — вспомнить всё</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <form action="/echo" method="post">
      <label>Имя</label>
      <input type="text">
      <div class="half-width">
        <label for="date-field">Дата рождения</label>
        <input type="text" class="date" name="date-of-birth" id="date-field">
      </div>
      <div class="half-width">
        <label for="color-field">Цвет</label>
        <select name="color" id="color-field">
          <option selected value="redhead">Рыжий</option>
        </select>
      </div>
      <label>
        <input type="checkbox">
        Разрешать гладить
      </label>
      <label for="password-field">Секретное блюдо</label>
      <input type="password" name="secret-food" id="password-field">
      <div class="buttons">
        <input type="submit" value="Сохранить">
      </div>
    </form>
  </body>
</html>

Ineska · 25.Октябрь.2018 12:47:24

Эта часть ничем не связана.

Skippy · 25.Октябрь.2018 13:18:03

Спасибо за ответ! Исправил эту ошибку, однако процент все еще 99. В “Различиях” красным отмечена буква Ш.

Код:

<!DOCTYPE html>
        <html lang="ru">
          <head>
            <title>Испытание: формы — вспомнить всё</title>
            <meta charset="utf-8">
            <link rel="stylesheet" href="style.css">
          </head>
          <body>
            <form action="/echo" method="post">
              <label for="name-field">Имя</label>
              <input type="text" name="your-name" id="name-field">
              <div class="half-width">
                <label for="date-field">Дата рождения</label>
                <input type="text" class="date" name="date-of-birth" id="date-field">
              </div>
              <div class="half-width">
                <label for="color-field">Цвет</label>
                <select name="color" id="color-field">
                  <option selected value="redhead">Рыжий</option>
                </select>
              </div>
              <label>
                <input type="checkbox">
                Разрешать гладить
              </label>
              <label for="password-field">Секретное блюдо</label>
              <input type="password" name="secret-food" id="password-field">
              <div class="buttons">
                <input type="submit" value="Сохранить">
              </div>
            </form>
          </body>
        </html>

Ineska · 25.Октябрь.2018 13:21:59

Там тоже label и input не связаны, возможно в этом дело.

Skippy · 25.Октябрь.2018 13:46:12

<label>
                <input type="checkbox">
                Разрешать гладить
 </label>

Я связал input и текст подписи просто обернув input тегом . Это не допустимо? Вроде бы в начале курса “Знакомство с формами” описан такой способ связки.

Skippy · 25.Октябрь.2018 15:55:54

Попробовал привязать через id, но в “Различиях” появились те же самые красные отметки, что и в первом моем скрине.

Код:

            <!DOCTYPE html>
            <html lang="ru">
              <head>
                <title>Испытание: формы — вспомнить всё</title>
                <meta charset="utf-8">
                <link rel="stylesheet" href="style.css">
              </head>
              <body>
                <form action="/echo" method="post">
                  <label for="name-field">Имя</label>
                  <input type="text" name="your-name" id="name-field">
                  <div class="half-width">
                    <label for="date-field">Дата рождения</label>
                    <input type="text" class="date" name="date-of-birth" id="date-field">
                  </div>
                  <div class="half-width">
                    <label for="color-field">Цвет</label>
                    <select name="color" id="color-field">
                      <option selected value="redhead">Рыжий</option>
                    </select>
                  </div>
                  <label for="check-mark">
                    <input type="checkbox" name="check" id="check-mark">
                    Разрешать гладить
                  </label>
                  <label for="password-field">Секретное блюдо</label>
                  <input type="password" name="secret-food" id="password-field">
                  <div class="buttons">
                    <input type="submit" value="Сохранить">
                  </div>
                </form>
              </body>
            </html>

Valery_S · 25.Октябрь.2018 16:38:03

Попробуйте вторую строку записать вот так, в одну строку:

<label for="check-mark">
<input type="checkbox" name="check" id="check-mark"> Разрешать гладить</label>  /* в одну строку */
<label for="password-field">Секретное блюдо

Skippy · 25.Октябрь.2018 17:09:55

Спасибо за ответ! Попробовал сделать так как вы описали, но процент упал до 96. Красным выделилась вся строка.

Код:

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: формы — вспомнить всё</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <form action="/echo" method="post">
      <label for="name-field">Имя</label>
      <input type="text" name="your-name" id="name-field">
      <div class="half-width">
        <label for="date-field">Дата рождения</label>
        <input type="text" class="date" name="date-of-birth" id="date-field">
      </div>
      <div class="half-width">
        <label for="color-field">Цвет</label>
        <select name="color" id="color-field">
          <option selected value="redhead">Рыжий</option>
        </select>
      </div>
      <label for="check-mark">
        <input type="checkbox" name="check" id="check-mark">Разрешать гладить</label>
      <label for="password-field">Секретное блюдо</label>
      <input type="password" name="secret-food" id="password-field">
      <div class="buttons">
        <input type="submit" value="Сохранить">
      </div>
    </form>
  </body>
</html>

Valery_S · 25.Октябрь.2018 17:19:14

Посмотрите внимательно на мой код. Вы пропустили пробел перед “Разрешать…”

Skippy · 25.Октябрь.2018 17:34:56

Спасибо! Все верно. Теперь 100%.

Только не понятно логическое обоснование пробела в этом месте.

Valery_S · 25.Октябрь.2018 18:15:58

По образцу видно, что checkbox и надпись не вплотную расположены.
Остальные надписи идут с новой строки: каждая в своём блоке.

А, вот логического обоснования форматировать код таким образом здесь точно нет.
Мы просто пытаемся угодить глючной проверке, так же как и в:
Ошибка в курсе: Испытание: редактирование профиля [18/18]

blink · 12.Март.2019 08:25:51

Испытание: формы — вспомнить всё

<meta charset="utf-8">
<link rel="stylesheet" href="style.css">

Имя

 Дата рождения
    <input type="text" name="date" class="date">
  
  </div>
  </label>
  
  <div class="half-width " >
    <label >
    Цвет
    <select name="color" >
      <option value="white" >Блондин</option>
      <option value="orange" selected>Рыжий</option>
      <option value="black" >Брюнет</option>
      </select>
      </label>
  </div>

  <label >
   <input type="checkbox">
  Разрешать гладить
  </label>
  
  <label>
  Секретное блюдо
  <input type="password" >
  </label>
  <div class="buttons">
   <input type="submit" value="Сохранить">
  </div>
</form>

подскажите что не так? Уже тегом style даже пытался выравнивать select.
%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA

Tala · 12.Март.2019 08:44:52

у вас не видно всего кода, но вот здесь явно что-то пошло не так:

тег <label> должен находиться внутри div с классом half-width

blink · 12.Март.2019 09:00:23

Спасибо за помощь. Всё получилось:grinning:

gil-tanya · 03.Апрель.2019 10:54:14

Доброго времени суток. Подскажите, пожалуйста, что не так с кодом?

При сравнении дает всего 86%. Да я и сама вижу, что почему-то у меня поля меньше по высоте, но не вижу из-за чего, уже глаза вылезли выискивать что может быть не так.
Почему-то поле “Цвет” не выделяется серым как в образце.
Заранее спасибо за помощь.

Имя

  <div class="half-width">
    <label for="date">Дата рождения</label>
    <input type="text" name="date" id="date" class="date">
  </div>
  
  <div class="half-width">
    <label for="color">Цвет</label>
    <select name="color" id="color">
      <option selected value="ginger">Рыжий</option>
    </select>
  </div>
  
    <label>
      <input type="checkbox">
      Разрешать гладить
    </label>
    
  <label for="password">Секретное блюдо</label>
  <input type="password" name="password" id="password">
  
  
  <div class="buttons">
    <input type="submit" value="Сохранить">
  </div>
</form>

gil-tanya · 03.Апрель.2019 10:56:23

Написала и пришло в голову, что видимо оно и не должно подсвечивать, это просто подсказка, что должен стоять selected

Hierumo · 03.Апрель.2019 11:51:48

код полностью приложите
ваш отрывок верный на 99%
selected не обязателен

gil-tanya · 04.Апрель.2019 09:33:07

Да, на 99%, сейчас внизу показало ошибку, что нет , не знаю куда пропал)
Спасибо