HTML Academy
Предыдущее задание
Знакомство с формами11/18
Вернуться в список заданий
  • Первая форма
  • Текстовое поле ввода
  • Идентификатор и значение по умолчанию
  • Подпись для поля ввода
  • Связываем подпись и поле по id
  • Добавим ещё одно поле
  • Поле для ввода пароля
  • Кнопка отправки формы
  • Многострочное поле ввода
  • Чекбокс или «галочка»
  • Испытание: форма регистрации
  • Переключатель или «радиобаттон»
  • Группа переключателей
  • Раскрывающийся список или «селект»
  • «Мультиселект»
  • Поле для загрузки файлов
  • Скрытое поле
  • Испытание: редактирование профиля
Следующее задание
  • Регистрация
  • Войти

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

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

или

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

Войти и продолжить
  • 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" 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%.
Код был изменён
Логотип HTML Academy
  • Наша группа в ВК
  • Наша группа в Facebook
  • Наш канал на Youtube
  • Наша страница в Twitter
  • Наша страница в Instagram

Курсы

  • Интерактивные курсы
  • Программа обучения
  • HTML Шорты
  • Подписка

Интенсивы

  • Все интенсивы
  • Получить профессию
  • База выпускников
  • Рекрутинг

Информация

  • Об Академии
  • Вакансии
  • Для наставников
  • Для учителей

Остальное

  • Написать нам
  • Блог
  • Мероприятия
  • Форум
  • Лига А.

Рассылка

Раз в месяц мы рассказываем об интересных статьях, новых инструментах и курсах. Подробнее о рассылке.

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