Для правильного использования плейсхолдеров на разных устройствах рекомендуется:
- Соблюдать принципы адаптивного дизайна. 1 Это поможет обеспечить единообразие интеракции с плейсхолдером на различных устройствах и разрешениях экрана. 1
- Регулярно тестировать отображение плейсхолдера в разных браузерах и на разных устройствах. 12
- Не заменять лейбл плейсхолдером — это должны быть два самостоятельных элемента. 4
- Использовать контрастный цвет фона. 4 Так светло-серые символы будут легко читаться на нём. 4
- Размещать плейсхолдер между заголовком и строкой для ввода данных. 4
- Добавлять недлинный и простой для восприятия текст. 4
- Следить за тем, чтобы дизайн и шрифт заполнителя соответствовали общему стилю сайта или мобильного приложения. 4
Также рекомендуется протестировать выбранный вид плейсхолдера и оценить, как он отображается в мобильной и десктопной версии сайта, а также в разных браузерах. 4