<label>

Syntax

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

Examples

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

<label>
  Accept terms and conditions
  <input type="checkbox" name="terms">
</label>

<div style="display: flex; flex-direction: column; gap: 4px;">
  <label for="pw" style="font-weight: 600; font-size: 14px;">Password</label>
  <input type="password" id="pw" style="padding: 8px; border: 1px solid #d1d5db; border-radius: 6px;">
</div>

Attributes

• for (string): The id of the form control this label describes

Best practices

• Every form input should have an associated label — never rely on placeholder text alone
• Prefer the explicit for/id association over wrapping, as it is more robust with custom-styled inputs
• Keep label text short and descriptive of exactly what the field expects
• Make sure the for value exactly matches the input's id, including capitalization

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard