本插件可以将预定义的tag标签动态添加到文本框中,自动排版,任意添加、删除tag标签,简单实用
在网页<head>区添加以下代码
<style type="text/css" media="screen">
body {font:medium/1.5 arial,helvetica,sans-serif;}
code {font:99.9%/1.2 consolas,'courier new',monospace;}
#from a {margin:2px 6px;}
#to {width:36em;}
.selected {background:#c00; color:#fff;}
.addition {margint-top:2em; text-align:right;}
</style>
<script type="text/javascript" src="jquery-1.1.2.js"></script>
<script type="text/javascript" src="jquery.tagto.js"></script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
$("#from").tagTo("#to"); //其中from为标签Div的ID,to为要显示Tag标签的文本框ID
});
})(jQuery);
</script>
在网页<body>区添加以下代码
<div>
<input type="text" id="to" name="to">
</div>
<strong>Tags:</strong>
<div id="from">
<a href="#">css</a> <a href="#">rain</a> <a href="#">javascript</a> <a href="#">flash</a>
<a href="#">work</a> <a href="#">success</a> <a href="#">机会</a> <a href="#">成功</a>
</div>




