首先我們要做出上圖的效果要如何做?
先定義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 要不要寫呢?
答:不用寫,載入頁面後,它自己就會讀出來了
想對外分享這則貼文嗎?運用網址更方便呦~