Перейти до основного вмісту
← 📄 HTML & the platform·Модуль A3 · Урок 21
ЗавданняQuick recap. Build a signup form that ships all 4 A3 muscle-memory pieces in one go. <form action='/api/signup' method='post'> with one labeled email input (id='em', name='email', type='email', required, minlength='6') and a submit button. The 4 checks below verify each piece.

Recap: Forms as the API contract

50 XP5 min
Теорія

Quick recap — Module A3

You spent 20 lessons on forms. The 4 things that MUST be muscle memory:

  1. `<form action method>` — the contract. Backend reads form-encoded body on POST.
  2. `<label for=...>` + matching id — click-targets the input, screen readers announce it.
  3. `required` / `type="email"` / `minlength` — browser validates before submit. No JS needed.
  4. `<button type="submit">` — the only button that fires the form. type="button" does nothing by default.

If any of these feels random, redo the lesson that introduced it (A3-01 / A3-04 / A3-07 / A3-11) then come back.

🔒

Зареєструйся щоб кодувати

Теорія відкрита всім. Інтерактивний редактор, живий перегляд і перевірка відкриваються з 7-денним безкоштовним trial — потрібна картка, скасування у будь-який час.

Реєстрація — безкоштовний trial →

Перші 10 уроків у кожному треку — безкоштовні. Картка не потрібна.

← НазадНаступний урок →

Отримуй одну пораду з Python чи вебу — щодня поштою

Коротко, без води, без спаму. Відписка — в один клік.