Do you use adaptive placeholders on your forms?

Loading last updated info...

"Adaptive placeholders" are form labels that become into placeholders and vice-versa, depending on which fields have been filled or not. It gives your website a great UX.

It's also a nice way to save space and achieve a neat visual appearance. Using this method users can easily to tell which field has been filled in and which data has been entered.

Image

❌ Figure: Bad example - Having both label and placeholders can be repetitive and dull

Image

✅ Figure: Good example - Using adaptive placeholders

Authors

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star