HTML Forms and Input

HTML Forms

• HTML forms are used to collect user input, which is often sent to a server for processing.
• The `` element is used to create an HTML form for user input.

The `` Element

• The `` element is the most used form element.
• The type attribute of the `` element determines how it is displayed, such as:
  • text for a single-line text input field
  • radio for a radio button (for selecting one of many choices)
  • submit for a submit button (for submitting the form)
  • button for a clickable button

The `` Element

• The `` element defines a label for many form elements.
• The `` element is useful for screen-reader users and helps users who have difficulty clicking on very small regions.
• The for attribute of the tag should be equal to the `id` attribute of the element to bind them together.

Text Fields

• The `` element defines a single-line input field for text input.
• The default width of an input field is 20 characters.

Checkboxes

• The `` element defines a checkbox.
• Checkboxes let a user select ZERO or MORE options of a limited number of choices.

The Submit Button

• The `` element defines a button for submitting the form data to a form-handler.
• The form-handler is typically a file on the server with a script for processing input data.
• The form-handler is specified in the form's action attribute.

The name Attribute

• Each input field must have a name attribute to be submitted.
• If the name attribute is omitted, the value of the input field will not be sent at all.