Примеры для заполнения формы на сайте. Подсказки для пользователя по полям формы

Name: Примеры для заполнения формы на сайте. Подсказки для пользователя по полям формы
Availability: InStock
Author: Falcon Space

Описание, как реализовать

В этом примере была реализована возможность указания примеров заполнения полей.

Если кликать по элементу - то он заменяет поле. Это упрощает ввод для пользователя (можно давать ему возможность ставить типовые ответы).

Если кликать с Ctrl - то вариант будет добавляться к содержимому поля.

Во втором поле показан пример подсказки с другим текстом, для этого текст записывается через символы ~~

Для этого мы:

создали форму с полем val
в GetItem для него задали набор примеров

CREATE PROCEDURE [dbo].[fm_watch_examples_getItem]
    @itemID int,	
	@username nvarchar(256)
AS
BEGIN
	select 'Завтрак||Обед||Ужин||Не буду кушать' example_val,
    	'С днем рождения~~Поздравляю с днем рождения! 
Всех благ и удачи!||С днем свадьбы~~Поздравляем с годовщиной свадьбы!||C Новым годом~~С Наступающим Новым годом! 
Всех благ и добра!' example_val2
	select 'h3' headerTag
END

Документация по Example полям - https://falcon.web-automation.ru/docs/kak-v-forme-dobavit-primery-zapolneniya-poley

Другие демостенды

— Как упростить ввод адреса на сайте. Подсказки dadata по адресу
— Как сделать подсказки на сайте
— Dadata suggestions - примеры подсказок через поле формы типа dadata

Что есть в базе знаний по этой теме

— Интеграция коллтрекинга МАНГО ОФИС (режим Площадка)
— Как вывести списковые данные или таблицу внутри формы
— Как в форме добавить примеры заполнения полей (example)
— Изменение процедуры поиска, процедуры общих элементов Layout, процедуры периодического запуска
— Как показывать баланс пользователя вверху кабинета?
— Интеграция API DaData.ru подсказки по адресам

В чем выгода для бизнеса?

Примеры заполнения полей помогают пользователям понять, какой ввод ожидается. Это снижает количество ошибок и ускоряет заполнение форм. Вы улучшаете user experience и уменьшаете поддержку.