From the course: UX for Web Forms

Unlock the full course today

Join today to access over 24,900 courses taught by industry experts.

Placeholder text

Placeholder text - Adobe XD Tutorial

From the course: UX for Web Forms

Start my 1-month free trial Buy for my team

Placeholder text

“

- [Instructor] The placeholder attribute is intended to store a hint. It gives users extra guidance when filling out a field. It's particularly useful for fields that have complex rules, such as a password field. As placeholder text is not a real value, it's grayed out so that it can be differentiated from user-entered values. Placeholders are appealing because of their minimal, space-saving aesthetic. This is because placeholder text is placed inside the field, but this is a problematic way to give users a hint. In an attempt to shorten the length of a form or reduce visual noise, designers use placeholder text as an input label. This practice places a burden on short-term memory. Once the user clicks on an input field the label will disappear. And so the user cannot double-check that what they wrote was what was being asked of them. This increases the chance of error. Another problem is that users could mistake…

Contents