Уже устал бороться, никак не могу пройти.
<fieldset>
<legend>Личные данные</legend>
<div class="half-width">
<label>ID отзыва</label>
<input type="text" name="id" value="12345" disabled>
</div>
<div class="half-width">
<label>Имя путешественника</label>
<input type="text" name="name" value="Кекс">
</div>
</fieldset>
<fieldset>
<legend>Отзыв о поездке</legend>
<div class="half-width">
<label>Страна визита</label>
<input type="search" name="search" value="Норвегия">
</div>
<div class="half-width">
<label>Город</label>
<input type="text" list="1" name="gorod">
<datalist id="1">
<option value="Осло"></option>
<option value="Париж"></option>
</datalist>
</div>
<div class="half-width">
<label>Оценка поездки</label>
0 <input type="range" min="1" max="10" step="1" name="range"> 10
</div>
<div class="half-width output-area">
<output name="range">10</output>
</div>
<label>Текст отзыва</label>
<textarea>Это было просто мяу!</textarea>
</fieldset>
<fieldset>
<legend>Оценка отеля</legend>
<div class="half-width">
<label>Название отеля</label>
<input type="text" name="hotel" placeholder="Название по-английски">
</div>
<div class="half-width">
<label>Дата въезда</label>
<input type="date" name="date">
</div>
<div class="one-third-width">
<label>Цвет кроватки</label>
<input type="color" name="color">
</div>
<div class="two-third-width">
<label>Оценка обедов</label>
<input type="text" list="eda" name="dishes">
<datalist id="eda">
<option value="Подушечки оближешь">
<option value="Так себе">
</datalist>
</div>
<label>Самая вкусная рыба</label>
<select name="best" multiple>
<option value="1">Норвежский лосось</option>
<option value="2">Зубатка</option>
<option value="3">Морской окунь</option>
<option value="4">Карась</option>
<option value="5">Зеркальный карп</option>
</select>
<div class="buttons">
<input type="submit" name="Оценить" value="Оценить">
<input type="reset" name="Сбросить" value="Сбросить">
</div>
</fieldset>
Спасибо, но принимать не хочет(((
Смотрите различия во вкладках «Различия» и «Наложение». Там ясно будет видно, где есть расхождения в картинке.
В различиях ругается на поле даты, select с multiple и кнопки “Оценить” и “Сбросить”, где ошибки-то, понять не могу.
Приложите исправленный код, посмотрю.
<legend>Личные данные</legend>
<div class="half-width">
<label>ID отзыва</label>
<input type="text" name="id" value="12345" disabled>
</div>
<div class="half-width">
<label>Имя путешественника</label>
<input type="text" name="name" value="Кекс">
</div>
</fieldset>
<fieldset>
<legend>Отзыв о поездке</legend>
<div class="half-width">
<label>Страна визита</label>
<input type="search" name="search" value="Норвегия">
</div>
<div class="half-width">
<label>Город</label>
<select name="gorod">
<option>Осло</option>
<option>Париж</option>
</select>
</div>
<div class="half-width">
<label>Оценка поездки</label>
0 <input type="range" min="1" max="10" step="1" name="range" value="10"> 10
</div>
<div class="half-width output-area">
<output name="range">10</output>
</div>
<label>Текст отзыва</label>
<textarea name="text" rows="5">Это было просто мяу!</textarea>
</fieldset>
<fieldset>
<legend>Оценка отеля</legend>
<div class="half-width">
<label>Название отеля</label>
<input type="text" name="hotel" placeholder="Название по-английски">
</div>
<div class="half-width">
<label>Дата въезда</label>
<input type="date" name="date">
</div>
<div class="one-third-width">
<label>Цвет кроватки</label>
<input type="color" name="color" value="#ff0000">
</div>
<div class="two-third-width">
<label>Оценка обедов</label>
<select name="dish">
<option>Подушечки оближешь</option >
<option>Так себе<//option>
</select>
</div>
<label>Самая вкусная рыба</label>
<select name="fish" multiple>
<option value="1">Норвежский лосось</option>
<option value="2">Зубатка</option>
<option value="3">Морской окунь</option>
<option value="4">Карась</option>
<option value="5">Зеркальный карп</option>
</select>
<div class="buttons">
<input type="submit" name="submit" value="Оценить">
<input type="reset" name="reset" value="Сбросить">
</div>
В этом селекте надо выбрать нужные пункты с помощью selected.
Тут нужен плейсхолдер + заменить на type=“text”
Этот блок надо вынести из fieldset.
А-А-А-А, вот я пингвин глупый!!! Спасибо, добрый человек, сейчас делать буду!!!
2 лайка
Баг или фича?
Изначально сверстал так, как учили в задании “Подпись для поля ввода ”:
<label>
Подпись <input>
</label>
Сверстал, потом битый час пытался понять, что не так. поля ввода форм в моем варианте получались выше, чем в образце. Не сразу смог понять, что в задании подразумевается обертывать по-другому:
<label>Подпись</label>
<input>
С таким вариантом все стало на свои места. Но, почему в испытании логика именно такая, если в предыдущих курсах, рекомендуется первый способ (для перемещения курсора по клику)? Сильно сбивает и не понятно, почему выбран такой вариант. Отступы полей ввода ведь можно было бы проще прописать, без <label>, и изначальную функцию этот тег не несет.
1 лайк
juwain
05.Июнь.2015 09:18:45
11
В данном случае не хватает связи подписей и полей ввода. Поправим в ближайшее время, спасибо за сообщение.
1 лайк
