foundation

HTML forms

Native controls, labels, validation, autocomplete, submission behavior, and accessible error states.

Form interviews focus on native behavior before custom widgets: correct controls, labels, validation, autocomplete, and accessible errors. HTML forms define submission semantics, keyboard paths, and browser-assisted filling.

Subtopics: native controls and constraint validation; labels, names, grouping, and autocomplete tokens.

On interviews: walk through building a login form accessible without JavaScript.

Common pitfalls: placeholder-as-label, div buttons, and client-only validation treated as security.

Checklist:

  • Native controls first.
  • Every control has a label and name.
  • Validate on client for UX, again on server for safety.