/
ssm255
/
lb1
Обзор
Документация
Войти
/
ssm255
/
lb1
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
appointment.html
130 строк
6 KB
Sofya Sysoeva
Исправить валидацию формы: убрать novalidate
31 май 2026, 22:28
31 май 2026, 22:28
e87b68e
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Pawly — Онлайн-запись на приём</title> <link rel="stylesheet" href="CSS/style.css"> <link rel="stylesheet" href="CSS/appointment.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet"> </head> <body> <header class="header"> <div class="header__inner"> <a class="logo" href="index.html" aria-label="На главную">🐾 Pawly</a> <nav class="nav" aria-label="Главная навигация"> <a href="index.html#home">Главная</a> <a href="index.html#services">Услуги</a> <a href="index.html#doctors">Врачи</a> <a href="index.html#faq">FAQ</a> <a href="index.html#contacts">Контакты</a> </nav> <a class="header__button" href="appointment.html" aria-label="Записаться на приём">Запись</a> </div> </header> <main> <section class="hero hero--appointment" id="home" aria-label="Форма записи на приём"> <div class="hero__content"> <div class="hero__text"> <h1>Запись на приём</h1> <p>Оставьте заявку онлайн, и мы свяжемся с вами для подтверждения даты и времени приёма.</p> <a class="button hero__button" href="#booking-form" aria-label="Перейти к форме записи">Онлайн-запись</a> </div> </div> </section> <section class="section form-section" id="booking-form" aria-label="Форма онлайн-записи"> <h2>Онлайн-запись</h2> <p class="form-subtitle">Заполните форму, чтобы записать питомца на приём в клинику Pawly.</p> <div class="form-container"> <form class="booking-form" action="success.html" method="GET"> <div class="form-row"> <div class="form-group"> <label for="fullname">Ваше имя *</label> <input type="text" id="fullname" name="fullname" placeholder="Иван Петров" required> </div> <div class="form-group"> <label for="phone">Номер телефона *</label> <input type="tel" id="phone" name="phone" placeholder="+7 (999) 123-45-67" required> </div> </div> <div class="form-row"> <div class="form-group"> <label for="email">Email *</label> <input type="email" id="email" name="email" placeholder="mail@example.com" required> </div> <div class="form-group"> <label for="petType">Вид питомца *</label> <input type="text" id="petType" name="petType" placeholder="Собака, кот, хомяк..." required> </div> </div> <div class="form-row"> <div class="form-group"> <label for="date">Дата приёма *</label> <input type="date" id="date" name="date" required> </div> <div class="form-group"> <label for="time">Время приёма *</label> <input type="time" id="time" name="time" required> </div> </div> <div class="form-group full-width"> <label for="comment">Комментарий (симптомы, пожелания)</label> <textarea id="comment" name="comment" rows="4" placeholder="Расскажите, что беспокоит питомца..."></textarea> </div> <div class="form-agreement"> <label class="checkbox-label"> <input type="checkbox" name="consent" required> <span>Нажимая кнопку, вы соглашаетесь на обработку персональных данных</span> </label> </div> <button type="submit" class="button submit-btn" aria-label="Отправить заявку на запись">Отправить заявку</button> </form> </div> </section> <section class="section steps-section" aria-label="Этапы записи"> <h2>Как проходит запись?</h2> <div class="steps-grid"> <article class="step-card"> <div class="step-number">01</div> <h3>Оставьте заявку</h3> <p>Заполните онлайн-форму и укажите удобную дату приёма.</p> </article> <article class="step-card"> <div class="step-number">02</div> <h3>Подтверждение записи</h3> <p>Администратор свяжется с вами для подтверждения времени записи.</p> </article> <article class="step-card"> <div class="step-number">03</div> <h3>Посещение клиники</h3> <p>Посетите клинику в назначенное время вместе с питомцем.</p> </article> </div> </section> </main> <footer class="footer" id="contacts"> <div class="footer__inner"> <a class="footer__logo" href="index.html" aria-label="На главную">🐾 Pawly</a> <div class="footer__column"> <h3>Контакты</h3> <p>+7 (999) 123-45-67</p> <p>info@pawly.ru</p> </div> <div class="footer__column"> <h3>Адрес</h3> <p>г. Москва, ул. Лесная, 15</p> </div> <div class="footer__column"> <h3>Соцсети</h3> <p>Telegram</p> <p>Instagram</p> <p>VK</p> </div> </div> <p class="footer__copy">© 2026 Pawly. Все права защищены.</p> </footer> </body> </html>