Forms UX & UI
6 emner i denne session.
Emner i denne session
6 emner
-
Form UX: Grundregler
Start med de enkle regler: én kolonne, tydelige grupper og felter der passer til inputtet.
-
Labels, placeholders og fejlmeddelelser
Brug labels rigtigt, undgå at placeholders bliver instruktioner, og vis fejl tæt på feltet.
-
CSS starter og input styling
Form-controls kommer med mange browser-defaults. Derfor hjælper en lille CSS-starter meget.
-
Form layout
Brug struktur, grupper og simple layout-greb til at gøre formularer lettere at læse og bruge.
-
Fokus og brugerhandlinger
Brug fokus- og interaktionstilstande til at gøre formularer tydeligere for både mus og tastatur.
-
Validering og input states
Lad HTML beskrive kravene, og brug CSS pseudo-klasser til at vise om et felt er gyldigt eller ugyldigt.