lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

webIntroHtmlChapter3Title

lesson11Title

lesson12Title

webIntroHtmlChapter1Title

webIntroHtmlChapter2Title

webIntroHtmlChapter4Title

# Advanced `<input>` Usage

## Using `<input />` with `<form>`

The input tag is often used in conjunction with the `<form>` tag.

For example, on a signup screen, you can use input tags to get data from the user and then send that data to the server using the `<form>` tag.

```html title="Form Tag Example"
<form action="/submit" method="post">
  <input type="text" name="username" placeholder="Username" />
  <input type="password" name="password" placeholder="Password" />
  <input type="submit" value="Submit" />
</form>
```

We'll cover more details about input forms in the next lesson.

<br />

## Using the `label` Tag

The `label` tag is used to provide a description or title for the input entry fields.

When using the `label` tag, the `id` attribute of the input tag should match the `for` attribute of the label tag.

```html title="Label Tag Example"
<label for="username">Username:</label>

<input type="text" id="username" name="username" />
```

<br />

## Validation

Validation ensures that the entered information is correct.

The example below uses the `required` attribute to validate that the input has been filled.

```html title="Required Attribute Validation"
<input type="email" name="useremail" required />
```

The required attribute is used to specify that an input field must be filled out. It prevents form submission if the field is left empty.

Advanced <input> Usage

Using <input /> with <form>

Using the label Tag

Validation

Which attribute can be used with the input tag for validation purposes?

Advanced `<input>` Usage

Using `<input />` with `<form>`

Using the `label` Tag