Испытание: через тернии к звёздам [28/28] 91%

pavel8897 · 09.Сентябрь.2016 11:09:56

Не понимаю, в чем здесь ошибка

`

Испытание: через тернии к звёздам Форма отзыва Личные данные

ID отзыва

Имя путешественника

Отзыв о поездке

Страна визита

Город Осло Лондон

Оценка поездки 010

10

Текст отзыва Это было просто мяу!

Оценка отеля

Название отеля

Дата въезда

Цвет кроватки

Оценка обедов Подушечки оближешь Фууууууууууююю!!!!

Самая вкусная рыба Норвежский лосось Зубатка Морской окунь Карась Зеркальный карп

`

Ineska · 09.Сентябрь.2016 12:41:29

Пробелы после “0” и перед “10” поставьте и напишите и полю input value=“10”.

pavel8897 · 12.Сентябрь.2016 18:07:37

Спасибо, исправил, но все равно 91%

Расхождение осталось только по этому пункту, но это вряд ли нужно считать, должно быть глюк

Ineska · 12.Сентябрь.2016 19:17:46

Вы не написали атрибут cols для textarea.

kuutamo · 26.Сентябрь.2016 16:22:26

Здравствуйте, решила не открывать новую тему, потому пишу здесь. У меня или глюк в браузере (IceWeasel 38.8.0) или я опять чего то не вижу (скорее всего второе ). Результат задания 91%. Подскажите пожалуйста где проблема. Вот код:

<head>
    <title>Испытание: через тернии к звёздам</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/assets/course74/exam.css">
</head>
<body>
    <header class="page-header">Форма отзыва</header>
    <main>
        <form action="/echo" method="post" oninput="number.value=rating.value">
            <fieldset>
            <legend>Личные данные</legend>
            <div class="half-width">
                <label for="id">ID отзыва</label>
                    <input type="text" name="id" id="id" value="12345" disabled>
            </div>
            <div class="half-width">
                <label for="name">Имя путешественника</label>
                    <input type="text" name="name" id="name" value="Кекс">
            </div>
            </fieldset>
            <fieldset>
            <legend>Отзыв о поездке</legend>
            <div class="half-width">
                <label for="country">Страна визита</label>
                    <input type="search" name="country" id="country" value="Норвегия">
            </div>
            <div class="half-width">
                <label for="city">Город</label>
                    <input type="text" name="city" id="city" list="city" value="Осло" >
                        <datalist id="city">
                            <option value="Осло">
                            <option value="Гетеборг">
                        </datalist>
            </div>
            <div class="half-width">
            <label for="rating">Оценка поездки</label>
                0 <input type="range" id="rating" name="rating" min="0" max="10" step="1" value="10"> 10
            </div>
            <div class="half-width output-area">
                    <output name="number">
            </div>
            <label for="review">Текст отзыва</label>
                <textarea rows="5" name="review" id="review">Это было просто мяу!</textarea>
            </fieldset>
            <fieldset>
            <legend>Оценка отеля</legend>
            <div class="half-width">
                <label for="hotel">Название отеля</label>
                    <input type="text" name="hotel" id="hotel" placeholder="Название по-английски">
            </div>
            <div class="half-width">
                <label for="arrival_date">Дата въезда</label>
                    <input type="date" id="arrival_date" name="arrival_date" placeholder="В формате дд-мм-гггг">
            </div>
            <div class="one-third-width">
                <label for="color">Цвет кроватки</label>
                    <input type="color" value="#FF0000" id="color" name="color">
            </div>
            <div class="two-third-width">
                <label for="dish_rating">Оценка обедов</label>
                    <input type=text name="dish" id="dish_rating" list="dish" value="Подушечки оближешь">
                        <datalist id="dish">
                            <option value="Подушечки оближешь">
                            <option value="Фу!">
                        </datalist>
                
            </div>
            <label for="fish">Самая вкусная рыба</label>
                <select name="fish" multiple>
                    <option value="No" select>Норвежский лосось</option>
                    <option value="Zu">Зубатка</option>
                    <option value="Mo" select>Морской окунь</option>
                    <option value="Ka">Карась</option>
                    <option value="Ze">Зеркальный карп</option>
                </select>
            </fieldset>
            <div class="buttons">
                <input type="submit" value="Оценить">
                <input type="reset" value="Сбросить">
            </div>
            
        </form> 
    </main>
    <footer class="page-footer"></footer>
</body>

Ineska · 26.Сентябрь.2016 17:07:51

А чем конкретно различие? Можно скрин с открытой вкладкой “Различия” посмотреть?

kuutamo · 26.Сентябрь.2016 17:14:59

Пожалуйста 2 снимка экрана:

PS: я еще добавила в тег "input type=“search”… " autofocus .

Ineska · 26.Сентябрь.2016 17:41:01

В полях “Город”, “Дата въезда” и “Оценка обедов” оставьте только один option. Для выбранных видов рыбы в поле “Самая вкусная рыба” атрибут выбора пишется как selected.
Тег output является парным, внутри него также надо написать значение 10.

kuutamo · 26.Сентябрь.2016 17:51:28

Такс, отчет:

в полях “город” и “оценка обеда” убрала дополнительные “option”
редактировала “selected”
в поле “дата въезда” нет “option”
тег “output” сделала парным с значением 10

Результат 95%. Протестировала с Chromium (Version 53.0.2785.113 Built on 8.5, running on Debian 8.5) . Результат такой же. С той разницей, что отображает теги с type=“data” и “datalist” (с боку появляется стрелочка выбора, когда проведешь мышкой).

PS если сам код уже правильный, значит просто различия в прорисовки, так понимать?

Ineska · 26.Сентябрь.2016 19:10:53

Измените тип поля на text.

kuutamo · 27.Сентябрь.2016 07:04:25

Доброго дня, спасибо вам за ответы. Код отредактировала, даже в одном месте заметила отсутствие двойных кавычек. Вот что получилось:

    <title>Испытание: через тернии к звёздам</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="/assets/course74/exam.css">
</head>
<body>
    <header class="page-header">Форма отзыва</header>
    <main>
        <form action="/echo" method="post" oninput="number.value=rating.value">
            <fieldset>
            <legend>Личные данные</legend>
            <div class="half-width">
                <label for="id">ID отзыва</label>
                    <input type="text" name="id" id="id" value="12345" disabled>
            </div>
            <div class="half-width">
                <label for="name">Имя путешественника</label>
                    <input type="text" name="name" id="name" value="Кекс">
            </div>
            </fieldset>
            <fieldset>
            <legend>Отзыв о поездке</legend>
            <div class="half-width">
                <label for="country">Страна визита</label>
                    <input type="search" name="country" id="country" value="Норвегия" autofocus>
            </div>
            <div class="half-width">
                <label for="city">Город</label>
                    <input type="text" name="city" id="city" list="city" value="Осло" >
                        <datalist id="city">
                            <option value="Осло">
                        </datalist>
            </div>
            <div class="half-width">
            <label for="rating">Оценка поездки</label>
                0 <input type="range" id="rating" name="rating" min="0" max="10" step="1" value="10"> 10
            </div>
            <div class="half-width output-area">
                    <output name="number">10</output>
            </div>
            <label for="review">Текст отзыва</label>
                <textarea rows="5" name="review" id="review">Это было просто мяу!</textarea>
            </fieldset>
            <fieldset>
            <legend>Оценка отеля</legend>
            <div class="half-width">
                <label for="hotel">Название отеля</label>
                    <input type="text" name="hotel" id="hotel" placeholder="Название по-английски">
            </div>
            <div class="half-width">
                <label for="arrival_date">Дата въезда</label>
                    <input type="text" id="arrival_date" name="arrival_date" placeholder="В формате дд-мм-гггг">
            </div>
            <div class="one-third-width">
                <label for="color">Цвет кроватки</label>
                    <input type="color" value="#FF0000" id="color" name="color">
            </div>
            <div class="two-third-width">
                <label for="dish_rating">Оценка обедов</label>
                    <input type="text" name="dish" id="dish_rating" list="dish" value="Подушечки оближешь">
                        <datalist id="dish">
                            <option value="Подушечки оближешь">
                        </datalist>
                
            </div>
            <label for="fish">Самая вкусная рыба</label>
                <select name="fish" multiple>
                    <option value="No" selected>Норвежский лосось</option>
                    <option value="Zu">Зубатка</option>
                    <option value="Mo" selected>Морской окунь</option>
                    <option value="Ka">Карась</option>
                    <option value="Ze">Зеркальный карп</option>
                </select>
            </fieldset>
            <div class="buttons">
                <input type="submit" value="Оценить">
                <input type="reset" value="Сбросить">
            </div>
            
        </form> 
    </main>
    <footer class="page-footer"></footer>
</body>

Результат 95%. Вот снимок экрана:

Если у вас есть терпение просмотреть еще раз? Может просто не прорисовывается как следует в браузере?

Спасибо за труды.

alex_87 · 06.Октябрь.2016 09:53:13

В этом случае лучше использовать простой select
без datalist

Andrei_Ribac · 03.Январь.2017 15:01:04

Результат 99%
Различия в “ID отзыва” и “Страна визита”

<!DOCTYPE html>
<html lang="ru">
    <head>
        <title>Испытание: через тернии к звёздам</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="/assets/course74/exam.css">
    </head>
    <body>
        <header class="page-header">Форма отзыва</header>
        <main>
            <form action="/echo" method="post" oninput="day.value=rating.value">
                <fieldset>
                    <legend>Личные данные</legend>
                    <div class="half-width">
                        <label for="id">ID отзыва</label>
                        <input type="number" name="id" id="id" value="12345" disabled>
                    </div>
                    <div class="half-width">
                     <label for="name">Имя путешественника</label>
                     <input type="text" name="name" id="name" value="Кекс">
                    </div>
                </fieldset>
                <fieldset>
                    <legend>Отзыв о поездке</legend>
                    <div class="half-width">
                        <label for="country">Страна визита</label>
                        <input type="text" name="country" id="country" value="Норвегия">
                    </div>
                    <div class="half-width">
                        <label for="city">Город</label>
                        <select>
                            <option>Осло</option>
                        </select>
                    </div>
                    <div class="half-width">
                    <label for="rating">Оценка поездки</label>
                    0 <input type="range" name="rating" id="rating" min="1" max="10" step="1" value="10"> 10 
                    </div>
                    <div class="half-width output-area">
                        <output name="day">10</output>
                    </div>
                    <label for="review">Текст отзыва</label>
                    <textarea name="review" id="review" rows="5">Это было просто мяу!</textarea>
                </fieldset>
                <fieldset>
                    <legend>Оценка отеля</legend>
                    <div class="half-width">
                        <label for="hotel">Название отеля</label>
                        <input type="text" name="hotel" id="hotel" placeholder="Название по английски">
                    </div>
                    <div class="half-width">
                        <label for="arrival_date">Дата въезда</label>
                        <input type="text" name="arrival_date" id="arrival_date" placeholder="В формате дд-мм-гггг" attern="[0-9]{2}-[0-9]{2}-[0-9]{4}">
                    </div>
                    <div class="one-third-width">
                        <label for="color">Цвет кроватки</label>
                        <input type="color" value="#ff0000">
                    </div>
                    <div class="two-third-width">
                        <label for="dish_rating">Оценка обедов</label> 
                        <select name="dish_rating" id="dish_rating">
                            <option>Подушечки оближешь</option>
                        </select>
                    </div>
                    <label for="fish">Самая вкусная рыба</label>
                    <select name="fish" id="fish" multiple>
                        <option selected>Норвежский лосось</option>
                        <option>Зубатка</option>
                        <option selected>Морской окунь</option>
                        <option>Карась</option>
                        <option>Зеркальный карп</option>
                    </select>
                </fieldset>
                    <div class="buttons">
                        <input type="submit" value="Оценить">
                        <input type="reset" value="Сбросить">
                    </div>
                            </form> 
        </main>
        <footer class="page-footer"></footer>
    </body>
</html>

Ineska · 03.Январь.2017 15:53:26

id отзыва - это обычное текстовое поле.

Andrei_Ribac · 03.Январь.2017 16:11:20

Спасибо, в id отзыва поменял type на текст, но все еще осталось затруднение с крестиком напротив Норвегии

Tala · 03.Январь.2017 18:31:10

крестик - это характерный символ для поля поиска (search)

Zody · 04.Январь.2017 16:04:28

Доброго времени суток! Помогите пожалуйста разобраться. Результат - 90% но по форме расхождений проверка не дает. Синяя полоса у моего варианта футера отсутствует в окне проверки, но в рабочем окне на месте.
Вот код:
`

Испытание: через тернии к звёздам Форма отзыва Личные данные

ID отзыва

Имя путешественника

Отзыв о поездке

Страна визита

Город Осло

Оценка поездки 0 10

10

Текст отзыва Это было просто мяу! Оценка отеля

Название отеля

Дата въезда

Цвет кроватки

Оценка обедов Подушечки оближешь

Самая вкусная рыба Норвежский лосось Зубатка Морской окунь Карась Зеркальный карп

` Вот скриншот

Ineska · 04.Январь.2017 16:10:44

Так где же должны быть кнопки?

Zody · 04.Январь.2017 16:19:21

ЖЕСТЬ, спасибо!!!

Kayest · 18.Июнь.2017 17:36:07

помогите, пожалуйста. Весь остальной код в порядке, а различия в величине кнопок уже. Этими знаниями еще не обладаю, а хочется на 100% выполнить задание…

Заранее спасибо!