HTML Form Element

The <form> element in HTML is used to create a container for user input elements, such as text fields, checkboxes, radio buttons, submit buttons, and more. It enables users to input data which can be submitted to a server for processing. Here's an overview of the <form> element:

Basic Syntax:

<form action="/submit_form" method="post">
  <!-- Input fields go here -->
</form>

• The action attribute specifies the URL where the form data will be sent when submitted.
• The method attribute specifies the HTTP method to be used when submitting the form. It can be GET or POST.

Input Fields

Various types of input fields can be used within a form to collect different types of data.

Text Input:

<label for="username">Username:</label>
<input type="text" id="username" name="username">

Password Input:

<label for="password">Password:</label>
<input type="password" id="password" name="password">

Radio Buttons:

<input type="radio" id="male" name="gender" value="male">
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>

Checkboxes:

<input type="checkbox" id="car" name="vehicle1" value="car">
<label for="car">I have a car</label><br>
<input type="checkbox" id="bike" name="vehicle2" value="bike">
<label for="bike">I have a bike</label><br>

Select Dropdown:

<label for="cars">Choose a car:</label>
<select id="cars" name="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Summary:

The <form> element in HTML provides a structured way to collect user input on web pages. It serves as a container for input fields and allows users to submit data to a server for further processing. Understanding how to use the <form> element and its attributes is essential for building interactive web forms.