HTML
Free Section Starter Challenge
25 min
3. High-Converting Forms & Input Validation
Overview: Build accessible `<form>` elements with `<label>`, `<input>`, email types, and `required` validation.
Concept & Syntax Guide
Form accessibility requires linking `<label for="id">` with `<input id="id">`. HTML5 provides built-in validation with `type="email"`, `required`, and `placeholder`.
Hands-On Practice Exercise
Build a Newsletter Subscribe Form
Create a `<form>` containing a `<label>` for "user-email", an `<input type="email">` with id "user-email" and `required` attribute, plus a `<button type="submit">Subscribe</button>`.
Target Output:
Subscribe
Need a hint? Click here to reveal
Hint: Check syntax carefully and make sure your code contains:
Subscribe
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10