Μετάβαση στο κύριο περιεχόμενο
← 📄 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-ήμερη δωρεάν δοκιμή — απαιτείται κάρτα.

Εγγραφή — δωρεάν δοκιμή →

Τα πρώτα 10 μαθήματα κάθε διαδρομής είναι δωρεάν. Δεν χρειάζεται κάρτα.

← ΠροηγούμενοΕπόμενο μάθημα →

Μια συμβουλή Python ή web την ημέρα — με email

Σύντομο, γραμμένο στο χέρι, χωρίς spam. Διαγραφή με ένα κλικ.