What are Form Control elements in HTML ?


control form elements are elements that are used specifically inside a form.

They are used:

  • to specify a key and a value.
  • to layout the form
  • to submit it
  • or reset it



From a form, only successful form controls are included when the form is submited, i.e. those:


If you want to style a control, you need first to disable the platform-native styling with the appearance property set to none.

Example with a checkbox

input[type="checkbox"] {
  appearance: none;

Discover More
Devtool Chrome Event Listener
Change event (DOM, Javascript)

A page and example about the change event
HTML - AutoComplete

autocompletion in HTML will be find: in the HTML autocomplete attribute implemented in the datalist element or via a implementation/library The autocomplete attribute permits to fill forms with...
HTML - Checked

checked is an HTML attribute that indicates via its value (true or false - default to true) if the form control element is checked. It's used: in a checkbox or radio button select optionselected...
HTML - How to retrieve the data of a form with Javascript

This article shows you how to retrieve the data of a form with Javascript succesful controls You don't need to submit a form to get the values Every form object has a elements property that stores...
HTML - Label

The label html element represents a caption for a control item in a form (user interface). idfor A click on the label: will bring focus on the control element. propagates to the control element....
Html Radio Illustration
HTML - Radio

A radio represents a serie of mutually-exclusive choices in a form. It is an input element of type radio. A radio is round to distinguish from the square checkbox. As the checkbox, the state...
Form Tabular Data Illustration
How to create a HTML form for tabular data (rows)

This article shows you how to create a HTML form for tabular data (rows)
How to create a date field in an HTML form? (at the month, day, hour and minute level)

This article shows you how to create a form control for date element at the: day second minute and month level The control are all input control with different type value. On a Year/Month/Day...
Html Checkbox Illustration
How to create and use a HTML checkbox ?

This article gives you all the important information about HTML checkbox and how to use them
Formdata Browser Devtool
How to use FormData and send multipart-data in the Browser (Web API )?

FormData is a web api object that represent the data of a form that should be send if the form is submited. Therefore if you have a checkbox that is not checked, formdata will not collect it. You can...

Share this page:
Follow us:
Task Runner