The Usability Post
Thoughts on design and user experience by Dmitry Fadeyev

Adaptive Placeholders

Danny King shares his approach and code for a design pattern he calls “adaptive placeholders” – form placeholder text that moves out of the way when the user begins entering their own text. Here’s what it looks like:

adaptive placeholders demo

Placeholders are a nice way to save space and achieve a neat visual appearance, but the advantage of this method is that it will be easy to tell which field has been filled in and which one still contains a placeholder. Additionally, the label can be modified used to show other messages as the user enters their information, such as validation errors.

“For even falsehood, uttered by the tongue of man, seemed like truth and light before this hopelessly-deaf and unresponsive silence.”

My new book: a translation of selected short stories by Leonid Andreyev, the father of Russian Expressionism from the Silver Age of Russian literature. A piercing, pitiless glance into the heart of the human condition.

☛ Read online

Further Reading

Proust wrote that the true voyage of discovery is not to visit strange lands, but to possess other eyes, to behold a hundred universes that each of them beholds. Thus, in the words of Ruskin, what good books give us is not mere knowledge, but sight.

Sign up to my email newsletter to receive regular recommendations of exceptional books on a wide range of topics including design, art, history and philosophy. A summary of my latest posts will also be included. Sign up below: