Некоторые виды плейсхолдеров в веб-дизайне:

1. Стандартный. 24 Подсказка находится внутри строки и дополняет заголовок. 3 Как только пользователь начинает вводить информацию, плейсхолдер исчезает. 1
2. Адаптивный (плавающий). 24 Плейсхолдер находится внутри поля до тех пор, пока пользователь не нажмёт на него. 3 Сразу после клика текст перемещается наверх и отображается над символами, которые вводит человек. 3
3. Заголовочный. 2 Используется, когда нужно уменьшить текст на странице или размер формы, что актуально для мобильных приложений. 2
4. Заполнитель-метка. 2 Подсказка расположена над полем ввода, а не внутри него. 2
5. Заполнитель-пример. 2 Пример текста расположен вне поля, чтобы постоянно быть перед глазами. 2
6. Заполнитель в виде дополнительных ярлыков. 1 Если рядом несколько полей, а заголовок только один, можно добавлять подсказки в виде плейсхолдеров. 1 Лучше это делать рядом с ячейками для текста, а не внутри них. 1