Сегодня хочу рассказать о автозаполнении полей сайте, ведь такой подход весьма удобен, ведь позволяет быстро найти отметить человека или найти хэштег, во всем этом нам поможет небольшой плагин, а именно Bootstrap Suggest-это плагин jQuery, который позволяет реализовать функцию автозаполнения имени пользователя в стиле Twitter на ваших текстовых элементах. Введите символ, по умолчанию у нас будет установлен символ @ внутри текстового поля, и вы увидите раскрывающийся список, заполненный предложениями.

 

Если вы хотите воспользоваться бесплатными решениями, в том числе и шаблонами с раздела бесплатные или премиум, тогда обратите внимание на предложение наших партнеров, там есть много вкусного:

Как использовать:

Загрузите таблицу стилей Bootstrap и bootstrap-suggest.css в разделе Head документа:

Загрузите библиотеку jQuery и bootstrap-suggest.js в нижней части документа:

Создайте массив имен пользователей для списка автозаполнения:

Вызовите плагин для textarea и укажите источник данных. Вы можете заменить » @ » с любыми другими символами, как вы хотите:

Все варианты и обратные вызовы callbacks:

В результате вы получаете такие замечательные формы с автозаполнением, которые можно использовать у вас на сайте и сделать его более удобным.

Вот и все. Готово!