Jquery etiket

 
   
  <style> 
  	a { text-decoration: none; color: #fff; padding: 3px; background: #ccc; } 
  </style> 
  <script src="jquery.js"></script> 
  <script> 
  $(function(){ 
  	 
  	 
  	$("button").click(function(){ 
  		var say = $(".sonuc a").size(); 
  		if(say==0){ 
  			$(".sonuc").html("");	 
  		} 
  		if(say==5){ 
  			alert("Maksimum 5 tane ekleyebilirsiniz");	 
  		}else { 
  			var onceki = $(".sonuc").html(); 
  			var oncekih = $("input#hide").val(); 
  			var inp = $("input[name=etiket]").val(); 
  			$(".sonuc").html(onceki+"<a href='javascript:;' id='et'>#"+inp+"</a> "); 
  			$("input#hide").val(oncekih+inp+","); 
  			$("input").val("").focus(); 
  		} 
  	});		 
  		 
  	 
  	$("body").on("click","a#et",function(){ 
  		$(this).remove(); 
  	}); 
  	 
  }); 
  </script> 
  <form action="" method="post" onsubmit="return false"> 
  <input type="text" style="width: 250px" placeholder="Etiketleri teker teker ekleyin" name="etiket" /> 
  <button>Ekle</button> 
  </form> 
  <div class="sonuc"> 
  </div><p>Kaldırmak istediğiniz etiketin üstüne tıklayınız</p>