Forms

Forms are the most basic way of sending user input information to the server. This section allows you to experiment with the Input Elements in the context of a form to explore the different ways of submitting a form and the built-in validation that a form context adds to Input Elements.

In this section you’ll be able to explore forms:

  • the standard browser ‘submit’ functionality
  • submitting forms via JavaScript
  • you’ll explore the validation provided by Browsers
  • see how JavaScript can bypass form validation and impose additional validation.

Basic Inputs

A form with basic inputs.

Number Inputs

A form with number inputs.

Text Inputs

A form with text inputs: url, password, etc.

Other Text Inputs

A form with other text inputs: textarea, dropdown, multi-select.

Special Format Inputs

A form with special inputs: color, dates, time, etc.

HTML Form

HTML Forms are commonly used to send data to a server.

Ajax - XmlHttpRequest

Form events are submitted dynamically to the server using XmlHttpRequest.

JavaScript Form Validation

Using JavaScript to validate form fields.