實現郵箱收件人自動完成功能：輸入聯想與多選標籤輸入框

功能需求

• 輸入框輸入字元時，即時搜尋通訊錄並顯示下拉建議。
• 點擊建議項目，轉為「標籤」顯示於輸入框內（類似 QQ 郵箱、Gmail）。
• 支援鍵盤上下鍵選擇、Enter 確認、Backspace 刪除標籤。

前端實現要點

1. 資料來源：$.getJSON("/api/contacts?q=" + keyword) 回傳 [{id, name, email}, ...]。
2. 下拉面板：使用 <ul><li> 結構，CSS 定位於輸入框正下方，z-index 置頂。
3. 標籤化：選中後在輸入框前插入 <span class="tag" data-id="...">name<button class="close">×</button></span>，並清空輸入框等待下一個輸入。
4. 鍵盤導航：監聽 keydown，ArrowDown/Up 切換 .highlight 樣式，Enter 觸發選中邏輯。

參考開源專案

• Tagify - 輕量、無依賴、支援多種框架。
• Select2 - 功能完整的 jQuery 下拉增強套件。