JQuery Input Tags是一款方便快捷的標(biāo)簽選擇和輸入插件。它可以輕松地將輸入框轉(zhuǎn)換成多個(gè)標(biāo)簽。下面是一個(gè)使用示例:
<input type="text" value="標(biāo)簽1,標(biāo)簽2,標(biāo)簽3"> <script> $(document).ready(function() { $('input').tagsInput(); }); </script>
上述代碼創(chuàng)建了一個(gè)文本輸入框,并在頁(yè)面加載時(shí)自動(dòng)將其轉(zhuǎn)換為標(biāo)簽選擇器。插件自動(dòng)生成了三個(gè)標(biāo)簽:標(biāo)簽1,標(biāo)簽2,標(biāo)簽3。用戶可以使用逗號(hào)分隔符在輸入框中添加更多標(biāo)簽。
JQuery Input Tags插件有多個(gè)配置選項(xiàng),包括能夠設(shè)置標(biāo)簽的最大數(shù)量、標(biāo)簽的最大長(zhǎng)度、標(biāo)簽的最小長(zhǎng)度、標(biāo)簽的分隔符和標(biāo)簽的顏色。以下是一個(gè)示例:
<input type="text" value=""> <script> $(document).ready(function() { $('input').tagsInput({ 'maxTags': 5, 'maxLength': 10, 'minLength': 3, 'delimiter': ',', 'tagColor': '#ddd' }); }); </script>
上述代碼將文本輸入框轉(zhuǎn)換為標(biāo)簽選擇器,并設(shè)置了一些選項(xiàng)。例如,它將標(biāo)簽的最大數(shù)量設(shè)置為五個(gè),標(biāo)簽的最大長(zhǎng)度設(shè)置為10個(gè)字符(不包括分隔符號(hào)),標(biāo)簽的最小長(zhǎng)度設(shè)置為3個(gè)字符(不包括分隔符號(hào)),標(biāo)簽的顏色設(shè)置為灰色(#ddd)。