checkbox


<input type="checkbox">

Browser
Internet Explorer Firefox Opera
Type
Inline-block Empty

The INPUT element defines an input field. When you specify "checkbox" for the type attribute of this element, a checkbox is created.


<input type="checkbox" name="example" value="check1">Check1

<input type="checkbox" name="example" value="check2" checked>Check2


Attribute Value Explanation
type=" " checkbox the type of input field
name=" " field name a unique name for the field
value=" " initial value this value is submitted
checked checked that checkbox is checked
(HTML : checked | XHTML : checked="checked")

type="checkbox"

Creates a checkbox on the form.

name=""

The field name is used to identify the form field.

Several checkboxes can share the same field name, and the plural can be selected within that.

value=""

This value is submitted to the server when selected.

checked

That checkbox is checked in the initial state.


Example

<form method="POST" action="example.cgi">

<p>
Do you agree? :
<input type="checkbox" name="agree" value="yes">Yes
</p>

</form>
Output

Do you agree? : Yes

This form cannot submit because of a sample.


Example of having selected the two checkboxes

<form method="POST" action="example.cgi">

<p>
What's your favorite animal? :
<input type="checkbox" name="animal" value="dog">Dog
<input type="checkbox" name="animal" value="cat" checked>Cat
<input type="checkbox" name="animal" value="bird">Bird
<input type="checkbox" name="animal" value="fish">Fish
<input type="checkbox" name="animal" value="bear" checked>Bear
</p>

</form>
Output

What's your favorite animal? : Dog Cat Bird Fish Bear

This form cannot submit because of a sample.