Form Grouping & Advanced Controls in HTML
From the HTML cheat sheet · Forms & Input Elements · verified Jul 2026
Form Grouping & Advanced Controls
Group form fields, add autocomplete suggestions, and show progress indicators
html
<!-- Fieldset groups related controls -->
<fieldset>
<legend>Shipping Address</legend>
<label>Street: <input type="text" name="street"></label>
<label>City: <input type="text" name="city"></label>
</fieldset>
<!-- Datalist autocomplete -->
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Chrome">
<option value="Firefox">
<option value="Safari">
</datalist>💡 <fieldset> + <legend> groups related inputs with a label — essential for form accessibility
⚡ <datalist> gives native autocomplete for free — no JavaScript library needed
📌 A disabled <fieldset> disables ALL controls inside it — great for locked sections
🟢 <progress> shows completion; <meter> shows a measurement with colored thresholds
fieldsetdatalistprogressmeter