Mastery Points
0
Active Mission
Add 'maxlength="3"' to the input.
Objective: add maxlength="3" to the code
Current MissionIN PROGRESS
Riddle:The input is infinite. Limit the user to only 3 characters to keep order.
33%
Reward: 70 XP Verified
Form Validation (Constraint API) in html-css
Context & Logic
Validate data without a single line of JavaScript.
Technical Reference
patternRegex format validation (e.g. [0-9]{3}).
requiredBlocks empty submissions.
min / maxEnforces numeric boundaries.
stepControls numeric increments (e.g. 0.5).
minlength / maxlengthControls character count.
Interactive Workshop
Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync activeTailwind Core Loaded
Standard CSS Scope
Auto-Sync Preview
Modify the source above to see live changes. Supports standard CSS and Tailwind utility classes.
Test Your Knowledge
Assessment Mode1Which attribute is used for Regex structural validation?