What Are the Values Submitted on Checkbox Fields?

A "checkbox" input field does not allow viewers to enter any input values directly. If a form is submitted, "checkbox" input fields will be submitted with values based on the following rules:

• If a "checkbox" is not checked, no value will be submitted for this checkbox.
• If a "checkbox" is checked and no value specified in the "value" attribute, "on" will be submitted as the value.
• If a "checkbox" is checked and a value specified in the "value" attribute, the specified value will be submitted as the value.

If you use the previous tutorial example, you can test the following cases:

1. If you check all the checkboxes and click the submit button, you will get the following values submitted:

http://localhost/submit?check1=on&check2=css&check3=php

2. If you check only the first and third checkboxes and click the submit button, you will get the following values submitted:

http://localhost/submit?check1=on&check3=php

3. If you check only the third checkboxes and click the submit button, you will get the following values submitted:

http://localhost/submit?check3=php

⇒ Using HTML 'radio' Input Fields

⇐ Using HTML 'checkbox' Input Fields

⇑ HTML Forms and Input Fields

⇑⇑ HTML Tutorials