Mastery Points
0
Active Mission

Add a submit button to the form.

Objective: add <button type='submit'> to the code

Current MissionIN PROGRESS

Riddle:The gateway is locked. Find the key that says 'submit' to open the portal.

33%
Reward: 30 XP Verified

HTML Forms Foundation in html-css

Context & Logic

The <form> element handles data transmission. <label> is critical for accessibility (clicking the label focuses the input). <fieldset> and <legend> group related controls logically for users in complex forms.

Interactive Workshop

Interactive Playground
Source HTMLMarkup
Source CSSStyle
Live Output Pane
Sync active

Tailwind 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 Mode
1What is the purpose of the <label> tag?