Zum Hauptinhalt springen
← 📄 HTML & the platform·Modul A3 · Lektion 21
AufgabeQuick 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
Theorie

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.

🔒

Anmelden, um zu programmieren

Theorie ist für alle offen. Editor, Live-Preview und Check werden mit 7-Tage-Gratis-Test freigeschaltet — Karte erforderlich, jederzeit kündbar.

Registrieren — Gratis-Test →

Die ersten 10 Lektionen jedes Tracks sind kostenlos. Keine Karte nötig.

← ZurückNächste Lektion →

Bekomme einen Python- oder Web-Tipp pro Tag — per E-Mail

Kurz, handgeschrieben, kein Spam. Abmelden mit einem Klick.