Black Lives Matter! ✊🏾

placeholder

Represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. 4.10.5.3.10 The placeholder attribute

Links about placeholder

  1. HTMHell - #24 A placeholder is not a label

    posted on

    A collection of bad practices in HTML, copied from real websites.

  2. Placeholders in Form Fields Are Harmful

    posted on

    Labels or sample text inside a form field makes it difficult for people to remember what information belongs in that field once they start data entry.

  3. 11 reasons why placeholders are problematic

    posted on by Adam Silver

    Since placeholders arrived on the scene, they have been rapidly adopted to provide hints and instructions to help users fill in forms. Whilst this sounds good, it is actually problematic due to the…

  4. Don’t Use The Placeholder Attribute — Smashing Magazine

    posted on

    The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.

  5. Floated Labels Still Suck | Web Axe

    posted on by Dennis

Code sample

<label for="username">Username:</label>
<input type="text" id="username" placeholder="e.g. user21">