Некоторые виды плейсхолдеров для форм на сайтах:
- Стандартный. 13 Плейсхолдер находится внутри поля, а над ним — заголовок. 1 Как только пользователь начнёт вводить информацию, подсказка исчезнет, а заголовок останется. 1
- Адаптивный (плавающий). 13 Плейсхолдер расположен внутри поля. 1 Когда пользователь начинает его заполнять, элемент не исчезает, а перемещается вверх и превращается во всплывающую подсказку. 1
- Плейсхолдер в качестве заголовка. 1 Заголовки над полями формы — это лейблы, но их иногда приравнивают к плейсхолдерам. 1
- Заполнитель в качестве примера. 1 Пример текста расположен вне поля, чтобы постоянно быть перед глазами. 3 Например, если нужно ввести адрес электронной почты, то внизу будет пример email. 1
- Заполнитель в виде всплывающей подсказки. 1 Подсказка появляется возле поля, например, указывает, сколько знаков должно быть в пароле. 1
- Заполнитель в виде дополнительных ярлыков. 1 Если рядом несколько полей, а заголовок только один, можно добавлять подсказки в виде плейсхолдеров. 1 Лучше это делать рядом с ячейками для текста, а не внутри них. 1
Также существуют графические, видеоплейсхолдеры и HTML-плейсхолдеры: 5
- Графические. 5 Используют изображения или иконки для наглядного отображения функций или возможностей элемента интерфейса. 5 Например, в поле для загрузки файлов может отображаться иконка папки или файла, которая исчезает после загрузки документа. 5
- Видеоплейсхолдеры. 5 Используются для вставки кратких анимаций или видео, которые помогают пользователям наглядно понимать действия, требуемые для выполнения определённых действий на сайте. 5
- HTML-плейсхолдеры. 5 Могут включать в себя разметку HTML для создания динамических элементов, таких как кнопки, меню или ссылки. 5