[28/28] - 100%. Прошу оценить код.


#1

Здравствуйте! Прошу прокомментировать мой код и указать на ошибки (если они есть).
CSS код не трогал.

HTML:

<!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="rate.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="Кекс" required>
                </div>
                  </fieldset>
                      <fieldset>
                <legend>Отзыв о поездке</legend>
                <div class="half-width">
                    <label for="country">Страна визита</label>
                    <input type="search" id="country" name="country" value="Норвегия" required>
                </div>
                <div class="half-width">
                    <label for="city">Город</label>
                    <select name="city" id="city">
                        <option>Осло</option>
                        </select>
                </div>
                <div class="half-width">
                <label for="rating">Оценка поездки</label>
                    0 <input type="range" id="rating" name="rating" min="1" max="10" step="1" value="10"> 10
                </div>
                <div class="half-width output-area">
                    <output name="rate">10</output>
                </div>
                <label for="review">Текст отзыва</label>
                <textarea name="review" id="review" rows="5" required>Это было просто мяу!</textarea>
                    </fieldset>
                       <fieldset>
                <legend>Оценка отеля</legend>
                <div class="half-width">
                    <label for="hotel">Название отеля</label>
                    <input type="text" id="hotel" name="hotel" pattern="[A-Za-z\s]+" placeholder="Название по-английски" required>
                </div>
                <div class="half-width">
                    <label for="arrival_date">Дата въезда</label>
                    <input type="text" id="arrival_date" name="arrival_date" pattern="[0-9]{2}-[0-9]{2}-[0-9]{4}" placeholder="В формате дд-мм-гггг" required>
                </div>
                <div class="one-third-width">
                    <label for="color">Цвет кроватки</label>
                    <input type="color" id="color" name="color" value="#ff0000">
                </div>
                <div class="two-third-width">
                    <label for="dish_rating">Оценка обедов</label> 
                    <select id="dish_rating" name="dish_rating">
                        <option>Подушечки оближешь</option>
                        </select>
                </div>
                <label for="fish">Самая вкусная рыба</label>
                <select multiple id="fish" name="fish">
                    <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>

#2

Хороший код у вас. Отдельный плюс за регулярные выражения.


#3

Почему у меня ползунок делает ресет после проверки у меня проверка кода 99% (


#4

У меня пробелов не хватало до и после


#5

Ползунок по умолчанию стоит в определенном месте в зависимости от браузера?

У меня отправляет данные только по окуню, хотя выбрано два, как и в образце, с чем это может быть связано?
Вот часть кода, связанная с этим:
` Самая вкусная рыба

            <select multiple name="fish" size="5">
                <option value="salmon" selected>Норвежский лосось</option>
                <option value="catfish">Зубатка</option>
                <option value="sea-bass" selected>Морской окунь</option>
                <option value="crucian">Карась</option>
                <option value="carp">Зеркальный карп</option>
                </select>`

#6
<!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">
                <fieldset>
                <legend>Личные данные</legend>
                <div class="half-width">
                    <label for="id">ID отзыва</label>
                    <input type="id" name="id" value="12345" disabled pattern="[0-9]{5}">
                </div>
                <div class="half-width">
                    <label for="name">Имя путешественника</label>
                    <input type="name" name="name" value="Кекс" required>
                    </fieldset>
                    <fieldset>
                </div>
                <legend>Отзыв о поездке</legend>
                <div class="half-width">
                    <label for="country">Страна визита</label>
                    <input type="country" name="country" required  value="Норвегия"> 
                     
                </div>
                
                <div class="half-width">
                    <label for="city">Город</label>
                    <select name="city" id="city" required>
                        <option value="Осло">Осло</option>
                    </select>
                </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="half-width output-area" form="rating">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="hotel" name="hotel" placeholder="Название по-английски" required>
                </div>
                <div class="half-width">
                    <label for="arrival_date">Дата въезда</label>
                    <input id="arrival_date" type="text" placeholder="В формате дд-мм-гггг" pattern="[0-9]{2}-[0-9]{2}-[0-9]{2}">
                </div>
                <div class="one-third-width">
                    <label for="color">Цвет кроватки</label>
                    <input type="color" name="color" value="#ff0000">
                </div>
                <div class="two-third-width">
                    <label for="dish_rating">Оценка обедов</label> 
                    <select>
                        <option>Подушечки оближешь</option>
                    </select>
                </div>
                
                <label for="fish">Самая вкусная рыба</label>
                
                <select name="select"  multiple>
                <option selected value="s1">Норвежский лосось</option>
                    <option value="s2">Зубатка</option>
                    <option selected value="s3">Морской окунь</option>
                    <option value="s4">Карась</option>
                    <option value="s5">Зеркальный карп</option> 
                </select>
               </fieldset> 
                
                <div class="buttons">
            <input type="submit" value="Оценить">
                <input type="reset" value="Сбросить">    
                </div> 
                
                </form> 
        </main>
        <footer class="page-footer"></footer>
    </body>
</html>

#7

Отключаю форматирование, но все равно не выдает HTML код. помогите!
99% попадает. можно ли код написать иначе (правильнее)?

Испытание: через тернии к звёздам Форма отзыва Личные данные
ID отзыва
Имя путешественника
Отзыв о поездке
Страна визита

#8

У select нету id.
Что в различиях?


#9

у Норвегия нет крестика


#10

Тип поля не тот, search нужен


#11

Задание конечно этого не учитывает, но паттерн в дд-мм-гггг указан неверно. Ваш [0-9]{2}-[0-9]{2}-[0-9]{4} говорит что дд это 2 цифры от 0 до 9, но не существует же 97 октября к примеру, ну и с мм соответственно так же.