Gostaria de fazer algo como:
Pra cada palavra que o usuário digita, ele ficasse assim como na imagem acima.
O mais próximo que consegui chegar foi saber a quantidade de palavras que ele digitou, segue código abaixo:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="row">
<div class="input-field col s12">
<input id="first_name" type="text" class="validate palavras-chaves">
<label for="first_name">Palavras Chaves</label>
</div>
</div>
<script type="text/javascript">
var palavrasChaves = $(".palavras-chaves");
palavrasChaves.on("input",function(){
var conteudo = palavrasChaves.val();
var qntdPalavras = conteudo.split(/\S+/).length -1;
console.log(qntdPalavras);
});
</script>