Input 輸入元件一直是各大網站必備的元素，這篇會分成文字輸入 Text、按鈕 Button、互動元件 Modal、下拉式選單 Dropdown List、滑桿 Slider、選擇器 Picker 這六種常見介面元件，來記錄我在平台工作時遇到的 UI 元件，作為未來產品開發的資料庫。

職場產業

學習

音樂藝文

<div class="draft-block draft--p left">感謝你熱心地分享經驗,請教一下若輸入資訊是需要多選的話,甚麼樣的場景會建議用check box這種一下就可以看出所有選項 或是下拉選單(須點進選單中才能查看所有選項)的方式? 還有在查詢現存資料且需要根據使用者決定能查看的資料範圍的,是要採用模糊查詢by 輸入框或是下拉選單(直接根據使用者的權限去過濾清單內容,但資料量大)</div>

思維的創意想像

《思維的創意想像》是工作之餘發起的 Side Project，因為近期快速吸收各種資訊跟商業知識（Input），但一直沒有地方輸出（Output），因此想透過這系列記錄學到的內容，包含商業知識、產業洞見，或是職場分享等等，目前已有產品開發、客戶成功、社群行銷、思維增長、職場日記等系列文章。

輸入元件

【UI 常見元件整理】Input 輸入