用直觀的設計幫助用戶在多選項中快速選取~

##為什麼要有這功能
表格中的下拉選單 ( 元素) 是處理多選項資料時最常見的互動方式。透過下拉選單，使用者可以快速選擇預設選項或輸入特定值，減少錯誤並提升填寫表格的效率。為了提供良好的用戶體驗，設置下拉選單的樣式及行為是設計表單不可或缺的部分。CSS 可以協助我們自定義選單的外觀，增加互動感，並使它與整體網頁設計風格一致。

##核心結構
：定義下拉選單，作為用戶從多個選項中選擇的一個容器。

##主要功能
選擇項目：通過下拉選單選擇預定義的選項，確保資料輸入的準確性。
資料綁定與提交：當選擇特定選項時，提交相對應的 value 到伺服器進行資料處理。
自定義選單外觀：使用 CSS 來美化選單外觀，使其符合整體網站設計風格。

##注意事項
確保下拉選單選項清晰易讀，不要過於擁擠。
option value 要合理設置，確保後端能夠正確處理資料。
下拉選單應該與表單其他元素的風格一致，提升整體使用體驗。

##簡單範例應用

<Style>
/* CSS範例 - 下拉選單樣式設置 */
select {
    width: 100%; /* 設置下拉選單寬度為100% */
    padding: 10px; /* 設置內邊距以增加可點擊區域 */
    border: 1px solid #ccc; /* 設置邊框顏色及樣式 */
    border-radius: 4px; /* 設置邊框圓角 */
    background-color: #f9f9f9; /* 設置背景顏色 */
    font-size: 16px; /* 設置文字大小 */
}

option {
    padding: 10px; /* 設置選項的內邊距 */
    background-color: #fff; /* 設置選項背景顏色 */
    font-size: 16px; /* 設置選項文字大小 */
}
</Style>

<!-- HTML範例 - 表格中的下拉選單 -->
<form>
  <label for="options">選擇您的選項:</label>
  <select id="options" name="options">
    <option value="option1">選項一</option>
    <option value="option2">選項二</option>
    <option value="option3">選項三</option>
  </select>
</form>