HTML - Control Form element

About

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

List

Successful

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

Styling

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
Formdata Browser Devtool
Browser - FormData (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...
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 - Form element

form is an element that represents a user-submittable form. When parsed as HTML, a form element's start tag will imply a p element's end tag just before. The pizza order form (taken from the...
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 - Input Element

An inputinput element of a form control that permits to define a scalar value inputFull list Ref Doc The type attribute defined: the default behavior the design of the element. and the...
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...
HTML - Select Element

select is an HTML control form element used for selecting one or more value amongst a set of options. It creates a drop-down list used in a form that will set a scalar value from a list of option. ...



Share this page:
Follow us:
Task Runner