• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

jQuery Input文本框创建标签代码

栏目:网页特效时间:2021-07-09 22:27阅读数:55人阅读
jQuery Input文本框创建标签代码是一款在文本框输入文字按回车创建文字标签功能,支持创建添加多个标签。


js代码

<script src="js/jquery.min.js"></script> 
<script src="js/jquery-ui.min.js"></script> 
<script src="src/jquery.tagsinput-revisited.js"></script> 
<script type="text/javascript">
		$(function() {
			$('#form-tags-1').tagsInput();
			
			$('#form-tags-2').tagsInput({
				'onAddTag': function(input, value) {
					console.log('tag added', input, value);
				},
				'onRemoveTag': function(input, value) {
					console.log('tag removed', input, value);
				},
				'onChange': function(input, value) {
					console.log('change triggered', input, value);
				}
			});
			
			$('#form-tags-3').tagsInput({
				'unique': true,
				'minChars': 2,
				'maxChars': 10,
				'limit': 5,
				'validationPattern': new RegExp('^[a-zA-Z]+$')
			});
			
			$('#form-tags-4').tagsInput({
				'autocomplete': {
					source: [
						'apple',
						'banana',
						'orange',
						'pizza'
					]
				} 
			});
			
			$('#form-tags-5').tagsInput({
				'delimiter': ';' 
			});
			
			$('#form-tags-6').tagsInput({
				'delimiter': [',', ';'] 
			});
		});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com