Forms MCQ
15 Questions
Time: ~25 mins
Intermediate
CSS Forms & Inputs — MCQ Test
Practice field layout, borders, focus rings, disabled styling, and touch-friendly targets.
Easy: 5 Q
Medium: 6 Q
Hard: 4 Q
Forms Need Clear Focus
Pair label[for] with input id in HTML; use CSS for spacing, borders, and visible keyboard focus.
:focus-visible
Prefer focus-visible over removing outlines blindly—keyboard users need a visible indicator.
Grid form layout
display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem;