Forms and Input

1. Forms (<form>)

Forms are used to collect user input. The <form> element wraps the entire form.

HTML Example:

<form action="/submit_form" method="post">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="Submit">
</form>

Copy

Explanation:

• <form>: The container for the form. The action attribute specifies where to send the form data, and the method attribute specifies the HTTP method (GET or POST) used to send the data.
• <label>: Defines a label for an input element. The for attribute links the label to the input element by its id.
• <input>: Defines an input field where users can enter data. The type attribute specifies the type of input control.

Name:

2. Inputs (<input>)

The <input> tag is used to create various form controls.

HTML Example:

<input type="text" name="username" placeholder="Enter your name">
<input type="password" name="password" placeholder="Enter your password">
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<input type="checkbox" name="subscribe" value="yes"> Subscribe to newsletter
<input type="submit" value="Submit">

Copy

Explanation:

• type: Defines the type of input (text, password, radio, checkbox, submit, etc.).
• name: The name of the input field, which is sent with the form data.
• placeholder: Provides a hint to the user of what to enter.

Male Female Subscribe to newsletter

3. Labels (<label>)

The <label> tag is used to provide a label for an <input> element. It helps improve accessibility.

HTML Example:

<label for="email">Email:</label>
<input type="email" id="email" name="email">

Copy

Explanation:

• <label>: Defines a label for an input element. The for attribute links the label to the corresponding input by the id.

Email: