首先我們要做出上圖的效果要如何做？

 先定義script

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.min.js" integrity="sha512-9UR1ynHntZdqHnwXKTaOm1s6V9fExqejKvg5XMawEMToW4sSw+3jtLrYfZPijvnwnnE8Uol1O9BcAskoxgec+g==" crossorigin="anonymous"></script> 

接著定義 css

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tagsinput/0.8.0/bootstrap-tagsinput.css" integrity="sha512-xmGTNt20S0t62wHLmQec2DauG9T+owP9e6VU8GigI0anN7OXLip9i7IwEhelasml2osdxX71XcYm6BQunTQeQg==" crossorigin="anonymous" /> 

接著放上

<input type="text" data-role="tagsinput" id="ct_post_tags" value="PHP,JSON,JAVA,MYSQL,NODE.JS" />

只需要在 input 內，加上 data-role="tagsinput" 

問：js 要不要寫呢？

答：不用寫，載入頁面後，它自己就會讀出來了