HTML Form

Definition: HTML Form is a section of an HTML document that contains interactive controls.

• HTML form is an interactive element that allows users to submit data to a server for processing.
• Forms are commonly used for a variety of purposes such as logging in to a website, or registering a user account.

• To create an HTML form, you'll need to use the form element such as input type and buttons.

• The data entered by the user in these input controls can be used by the server to process a request or perform some other function.

Form Input Controls

Text Field Control

• Text field control, also known as single line text field control, is created by the input tag's type="text" attribute. The example shows how to enter simple text.

Block	Output

Password Field Control

• The password is not visible to the user in password field control.

Block	Output

Email Field Control

• It verifies that the email address in the text is accurate. In this field, you must use @ and.

Block	Output

Radio Button Control

• To choose one option from a variety of options, use the radio button.

Block	Output

Checkbox Control

• The checkbox control is used to check multiple options from given checkboxes.

Block	Output

Form Data Processing

• With HTML forms, data inputted by the user is sent to a server for processing. Here's an overview of the process:

1. Create an HTML form with input fields for the data you want to send to the server input fields such as name, age, address, contact number etc.
2. Use the form element to wrap your input fields, and add a submit button with the type="submit" attribute.
3. Add an action attribute to your form element, specifying the URL of the server-side script that will handle the form data.
4. Generate a response to the form submission and send the response back to the client (the browser).

Example

Example HTML Form and Its Output

Output: