Forms are one of the most important features of modern websites. They allow users to enter information and send it to a website or application.

You interact with forms almost every day when you:

• Sign up for a new account
• Log in to a website
• Submit a contact form
• Search for products
• Place an online order

HTML provides the tools needed to create these forms and collect user input.

What Is an HTML Form?

An HTML form is a section of a webpage that contains input fields where users can enter information.

Forms are created using the form element.

<form>
    <input type="text" />
    <button>Submit</button>
</form>

In this example:

• The form element acts as a container.
• The input element allows users to enter data.
• The button element submits the form.

Why Are Forms Important?

Forms help websites communicate with users.

For example, when you create an account on a website, the form collects information such as:

• Name
• Email address
• Password

The website then processes this information and creates your account.

Without forms, websites would not be able to collect user data.

Basic Form Structure

A simple contact form might look like this:

<form>
    <label>Name:</label>
    <input type="text" />

    <br /><br />

    <label>Email:</label>
    <input type="email" />

    <br /><br />

    <button>Submit</button>
</form>

This form allows users to enter their name and email address before submitting the information.

Submit Button

Used to send form data.

<button type="submit">
    Submit
</button>

When clicked, the form is submitted.

The Label Element

Labels help users understand what information they should enter.

<label>Email Address:</label>
<input type="email" />

Using labels makes forms easier to use and improves accessibility.

Form Attributes

The form element often uses attributes such as:

<form action="/submit" method="post">

• The action attribute specifies where the data should be sent.
• The method attribute specifies how the data should be sent.

These attributes become more important when connecting forms to servers and databases.

Best Practices

When creating forms:

• Always use clear labels.
• Keep forms simple and easy to understand.
• Group related fields together.
• Use appropriate input types.
• Provide a submit button.

Good forms help users complete tasks quickly and accurately.

Key Takeaways

• Forms is an important topic to understand.
• Start with small examples and practice one step at a time.
• Use the idea in simple projects so it becomes easier to remember.