本文主要给大家介绍的是关于js输入关键字添加标签效果的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：
实现功能：
展示效果：
示例代码
.block {
display:flex;
flex-direction:row;
align-items:center;
width:500px;
height:30px;
border:1px solid #ddd;
padding:10px;
margin:100px auto 0;
}
#wordTags {
display:flex;
flex-wrap:nowrap;
}
input{
width:100%;
height:20px;
border:none;
}
<div class="block">
<div id="wordTags">
<input id="wordInput" type="text" name="" placeholder="请输入关键词以空格结尾">
<input id="wordHiddenInput" type="hidden" name="">
