Do you use adaptive placeholders on your forms?

Updated by Tiago Araújo [SSW] 7 months ago. See history

123

"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

acknowledgements
related rules