介绍
multi.js 是一个轻量级的 jQuery 插件，可以让用户在一个输入框中输入多个值。它非常适合需要输入多个选项的表单。
安装
要使用 multi.js，首先需要安装它。你可以使用 npm 或者 CDN 进行安装。
使用 npm 安装
npm install multi.js
使用 CDN
<script src="https://cdn.jsdelivr.net/npm/multi.js/dist/multi.min.js"></script>
使用
一旦安装了 multi.js，就可以在你的项目中使用它了。下面是一个简单的示例：
-- -------------------- ---- -------
--------- -----
------
------
--------------- ---------------
----- ---------------- ----------------------------------------------------------------
-------
------
------------ ------------
------ ----------- -----------
------- ----------------------------------------------------------------------------
------- -----------------------------------------------------------------------
--------
--------------------
---------
-------
-------在这个例子中，我们首先引入了 multi.js 的 CSS 文件，然后创建了一个输入框，并使用 jQuery 的 multi() 方法来将其转换为一个支持多个值的输入框。
现在，当用户在输入框中输入逗号分隔的多个值时，每个值都会被转换为一个标签。
配置
multi.js 支持许多选项来自定义其行为。下面是一些最常用的选项：
separator
定义分隔符，默认为逗号。
$('#input').multi({
separator: ';'
});limit
定义输入框可以容纳的最大标签数，默认为 null，表示没有限制。
$('#input').multi({
limit: 5
});placeholder
定义输入框的占位符信息，默认为 ''。
$('#input').multi({
placeholder: 'Enter tags...'
});事件
multi.js 还支持许多事件，允许您在用户与输入框交互时执行自定义代码。下面是一些最常用的事件：
multi:add
当添加新标签时触发。
$('#input').on('multi:add', function(event, value) {
console.log(value + ' added');
});multi:remove
当删除标签时触发。
$('#input').on('multi:remove', function(event, value) {
console.log(value + ' removed');
});总结
multi.js 是一个非常有用的工具，可以为您的表单提供更好的用户体验。它易于使用，支持许多选项和事件，使您可以完全控制其行为。
如果您正在处理需要输入多个值的表单，请考虑使用 multi.js。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/35692