Values Submitted in HTML Radio Button Fields

Q

What Are the Values Submitted on Radio Button Fields?

✍: FYIcenter.com

A

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

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

Note that if one radio button is pushed, all other radio buttons in the same group will be un-pushed. If you use the previous tutorial example, you can test the following cases:

1. If you push the first radio button and click the submit button, you will get the following value submitted:

http://localhost/submit?channel=google

2. If you push the third radio button and click the submit button, you will get the following values submitted:

http://localhost/submit?channel=friend

 

Using HTML 'submit' Action Fields

Using HTML 'radio' Input Fields

HTML Forms and Input Fields

⇑⇑ HTML Tutorials

2017-04-15, 1166🔥, 0💬