Forms & Inputs

<label> Tag

Associate text with form controls for clicks and screen readers.

1Always Use Labels

Either wrap the input in <label> or link them with for and id. Clicking the label focuses the input — critical for accessibility and tap targets.

Example Code

<!-- Wrapping -->
<label>
  Email
  <input type="email" name="email" />
</label>

<!-- Linking -->
<label for="user">Username</label>
<input id="user" name="user" type="text" />

Finished reading?

Mark this topic as complete to track progress.

Checkboxes & Radio Buttons

Next Topic

<button> Tag