Select — Complete Guide
Select — Complete Guide: free step-by-step lesson with examples, common mistakes, and interview tips — part of HTML Tutorial on Toolliyo Academy.
On this page
HTML Tutorial · Lesson 24 of 100
Select
Basics ✓ → Forms & semantics → APIs & performance → Projects
Forms & semantics · 2 — Forms, SEO, a11y · ~6 min · HTML — Forms & Validation
What is this?
select with option (and optgroup) builds dropdown choosers.
Why should you care?
MarkupVerse country and account-type pickers use select for long lists.
See it live — copy this example
Save as demo.html and open in your browser, or use Run Example below.
<label for="country">Country</label>
<select id="country" name="country" required>
<option value="">Select…</option>
<option value="IN">India</option>
<option value="US">United States</option>
<optgroup label="EU">
<option value="DE">Germany</option>
<option value="FR">France</option>
</optgroup>
</select>Run Example »
Edit the code below and click Run to see the result in Toolliyo’s live editor.
What happened?
- First empty option helps required validation.
- value is what submits.
- multiple for multi-select when needed.
Practice next
- Build a country select.
- Add optgroup.
- required + empty option.
- Add multiple size="4".
- Preselect value="IN".
Remember
option values. Empty prompt. optgroup for sets.
MarkupVerse country select
Signup asks for country.
Outcome: Valid code posts with the form.
Interview prep for this lesson
Practice these questions aloud after reading—each links to a full structured answer.
Sign in to ask a question or upvote helpful answers.
No questions yet — be the first to ask!
