Всем привет! Сегодня поговорим про настраиваемые теги ввода .

Настраиваемые поля ввода.

Всем привет! Сегодня поговорим про настраиваемые теги ввода.

Найти примеры вы можете тут. Давайте поподробнее их рассмотрим.

Первое поле ввода разделяется пробелами. Попробуйте ввести туда что-нибудь, поставить пробел и ввести что-нибудь еще и так далее.

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

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

Помимо этого, вы можете установить какие-то значения по умолчанию. Это показано в четвертом примере.

Пятое поле ввода трансформирует текст. Вы можете привести его к верхнему регистру, нижнему регистру, изменить его цвет или что-угодно еще в анонимной функции.

Все поля выше удаляли повторяющиеся значения, однако, если вам нужно, то вы можете сделать сохранение дубликатов. Это показано в примере номер шесть.

В седьмом поле показано, как сделать и то, и другое.

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

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

И, наконец, в десятом примере говорится, что вы можете написать свой собственный обработчик событий, который будет принимать теги по какой-то клавише. К примеру, Enter.

Если вам приглянулись такие настриваемые поля ввода, то вы можете найти их, нажав на ссылку в конце страницы. Там же вы можете найти подробное описание API.

А у меня на этом все, спасибо за внимание!