HTML – onchange Event
The onchange event fires when the value of the element is changed by the user and the element loses focus.
HTML – onfocus Event
The onfocus event fires when a form field gains focus when as user clicks into it. The onfocus event is the opposite of the onblur event.
HTML – onfocusin Event
The onfocusin event fires when a form field is about to gain focus as the user clicks into it. The onfocusin event is the opposite of the onfocusout event.
HTML – onfocusout Event
The onfocusout event fires when a form field is about to lose focus as the user clicks out of it. The onfocusout event is the opposite of the onfocusin event.
HTML – oninput Event
The oninput event fires when the value of an HTML <input> or <textarea> element is first input or is changed.
HTML – oninvalid Event
The oninvalid event fires when an <input> element is invalid (e.g., if the required attribute is set and the field is empty).
HTML – onreset Event
The onreset event fires when the user resets the form by clicking the reset button.
HTML – onsearch Event
The onsearch event fires when a user presses the “enter” key or clicks the “x” button in an <input> element with type=”search”.
HTML – onselect Event
The onselect event fires after text has been selected in an HTML <input> or <textarea> element.
HTML – onsubmit Event
The onsubmit event fires when the user submits the form by clicking the submit button.
HTML – Input Types
There are numerous input types for a form’s input tag. Choosing the correct type can be useful in displaying the correct type of keyboard on mobile devices.
HTML – Table Templates
These are two HTML templates, one for a basic table and another for an advanced table with a header, body, and footer section, as well as a table caption.
CSS – Styling HTML Forms
CSS can be used to style the labels, fields, buttons, checkboxes, etc. in an HTML form.
CSS – :checked Selector
The :checked selector matches every checked input element for radio buttons, checkboxes, and option elements.
CSS – :default Selector
The :default selector selects the default form element in a group of related elements, and can only be used on button, input type=”checkbox”, input type=”radio”, and option elements.
CSS – :in-range Selector
The :in-range selector selects elements with a value that is within a specified range, and only works for input elements with min/max attributes.
CSS – :indeterminate Selector
The :indeterminate selector selects form elements that are in an indeterminate state, and can only be used on input type=”checkbox”, input type=”radio”, and progress elements.