Skip to content
techsnow

HTML Forms

Checkbox and Radio

Checkboxes: choose any number

<p>Which languages do you know?</p>
<label><input type="checkbox" name="lang" value="html" checked> HTML</label>
<label><input type="checkbox" name="lang" value="css"> CSS</label>
<label><input type="checkbox" name="lang" value="js"> JavaScript</label>

Radio buttons: choose exactly one

<p>Your level:</p>
<label><input type="radio" name="level" value="beginner" checked> Beginner</label>
<label><input type="radio" name="level" value="intermediate"> Intermediate</label>
<label><input type="radio" name="level" value="advanced"> Advanced</label>

Radio buttons with the same `name` form one group, so selecting one deselects the others.