Values Submitted in HTML Checkbox Fields

Q

What Are the Values Submitted on Checkbox Fields?

✍: FYIcenter.com

A

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

2017-04-15, 1215🔥, 0💬