本人实属编程菜鸟一枚,现在在做毕设,一个人包一个项目,对于一个从没认真研究前端的我来说实在是太南了,学前端,从现在开始。
现在分享一段用jq写tag标签的前端小代码
效果是这样的:
h5代码:
<div class="form-group">
<label for="" class="control-label">擅长领域:</label>
<input type="text" id="tag" name="tag_user" class="form-control" placeholder="按下Enter键形成标签,最多能输入5个标签"/>
<div class="tag"></div>
</div>
Jq代码:
$(function(){
$('#tag').keydown(function(){
if(event.keyCode==13){
if(i<5){
// i=i+1;
var a =$('#tag').val();
$('.tag').prepend("<p class='btn btn-primary' id='tagg'>"+a+"</p>");
$('#tag').val("");
return false;
}else{
return false;
}
};
});
$(document).on('click','#tagg',function(){
$(this).remove();
});
});