# HTML 16. select and option

### 設計下拉式選單，使用者選擇「性別」:

- 下 `select`: 然後預計會有三個選項，寫入三個 `option` 標籤

      <select name="" id="">
        <option value=""></option>
        <option value=""></option>
        <option value=""></option>
      </select>

- 依序在 `option` 標籤寫入: 男性、女性、其他。
name、id 都寫 gender - 性別的意思。

- 最外層標籤，寫入 `label` - 性別。

      <br />
      <label for="gender">性別:</label>
      <select name="gender" id="gender">
        <option value="">男性</option>
        <option value="">女性</option>
        <option value="">其他</option>
      </select>
      <br />


### 讓選單預設為空值的做法：

- 由於 `option` 在網頁會預設顯示第一個標籤的內容，那麼我若不想要系統預設為男性，那麼可以使用第一個標籤不寫入「任何東西」來達成這樣的效果。

      <label for="gender">性別:</label>
      <select name="gender" id="gender">
        <option></option> // 空值
        <option value="">男性</option>
        <option value="">女性</option>
        <option value="">其他</option>
      </select>
      <br />


###### tags: `2022 網頁開發全攻略教程`