HTML Checkboxes

HTML Checkbox Forms

Checkboxes are another type of <input /> form. We set the type attribute to check and we also must set a name and value attribute for them to be at all helpful.

<p>Please select every sport that you play.</p>

Cricket: <input type="checkbox" name="sports" value="cricket"  /><br />

NBA: <input type="checkbox" name="sports" value="NBA"  /><br />

Golf: <input type="checkbox" name="sports" value="Golf"  /><br />

Basketball: <input type="checkbox" name="sports" value="basketball"  />

 

Checkboxes are used for instances where a user may wish to select multiple options, a sort of check all that apply question.

HTML Checkboxes Selected

It is possible to precheck the input boxes for your viewers using the checked attribute. Simply set the checked attribute to yes or no.

<p>Please select every sport that you play.</p>

Soccer: <input type="checkbox" checked="yes"

 name="sports" value="soccer" />

<br />

Football: <input type="checkbox" 

name="sports" value="football" />

<br />

Baseball: <input type="checkbox" 

name="sports" value="baseball" />

<br />

Basketball: <input type="checkbox" checked="yes" 

name="sports" value="basketball" />