HTML Academy
Предыдущее задание
Знакомство с формами11/18
Вернуться в список заданий
  1. 1. Первая форма
  2. 2. Текстовое поле ввода
  3. 3. Идентификатор и значение по умолчанию
  4. 4. Подпись для поля ввода
  5. 5. Связываем подпись и поле по id
  6. 6. Добавим ещё одно поле
  7. 7. Поле для ввода пароля
  8. 8. Кнопка отправки формы
  9. 9. Многострочное поле ввода
  10. 10. Чекбокс или «галочка»
  11. 11. Испытание: форма регистрации
  12. 12. Переключатель или «радиобаттон»
  13. 13. Группа переключателей
  14. 14. Раскрывающийся список или «селект»
  15. 15. «Мультиселект»
  16. 16. Поле для загрузки файлов
  17. 17. Скрытое поле
  18. 18. Испытание: редактирование профиля
Следующее задание
  • Регистрация
  • Войти

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения. Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью соцсетей.

или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Испытание: форма регистрации</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Регистрация</h1> <form action="https://echo.htmlacademy.ru/courses" method="post"> Ваш логин (email): Пароль: Информация о себе: Подписаться на рассылку Зарегистрироваться </form> </body> </html>
CSS
html, body { margin: 0; padding: 0; } body { width: 350px; padding: 10px 20px; font-size: 14px; line-height: 1.5; font-family: "Arial", sans-serif; color: black; } h1 { margin: 0; }

Что в задании вам не понравилось?

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
  • Образец
  • Результат
  • Наложение
  • Различия
  • ?

Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.

Не удалось загрузить образец. Попробуйте позже.

Образец — интерфейс, который вам нужно получить.

Результат — то, как видит ваш код наш сервер. Может отличаться от того, что в мини-браузере. Сравнение происходит между этим результатом и образцом.

Наложение — полупрозрачный результат отображается над образцом.

Различия — карта различий между образцом и результатом.

0
    Выполнено 0%.
    Код был изменён
    Логотип HTML Academy
    • Наша группа в ВК
    • Наша группа в Facebook
    • Наша страница в Twitter
    • Наша страница в Instagram

    Консультация по телефону 8 800 555-86-28.

    Инновационный центр Сколково

    Курсы

    • Интерактивные курсы
    • Подписка
    • Учебник по PHP

    Профессии

    • Фронтенд-разработчик
    • React-разработчик
    Интенсивы
    • HTML и CSS,
      уровень 1
    • HTML и CSS,
      уровень 2
    • JavaScript,
      уровень 1
    • JavaScript,
      уровень 2
    • JavaScript,
      уровень 3
    • PHP, уровень 1
    • PHP, уровень 2
    Блог
    • Полезные статьи
    • HTML Шорты
    • Карьера выпускников
    • Обучение у нас

    Информация

    • Об Академии
    • Вакансии
    • О центре карьеры
    • База выпускников

    Услуги

    • Для выпускников
    • Работа наставником
    • Для учителей
    • Акселератор

    Остальное

    • Написать нам
    • Мероприятия
    • Форум

    СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № 3026Инновационный центр Сколково© ООО «Интерактивные обучающие технологии», 2013−2019