Mozilla Protocol
  • 19.1.0

Input: Placeholder

Field placeholders should show an example of the expected input, such as suggested search terms or a demonstration of a correctly formatted email address.

No-nos

  • Don’t use the placeholder attribute as a substitute for a <label>. It’s a misuse of the attribute and leaves you with an inaccessible, unlabeled field.
<label for="email">E-mail address</label>
<input type="email" id="email" name="email" placeholder="you@example.com">