# HTML 11. input type / number

### 表單新增一個數字的下拉式選單:

- 承 10. 上篇:

      <label for="myAge">年紀:</label>
      <input type="number" name="age" id="myAge" />
      <br />

- 新增一個數字的選單:

不過這個表格我們是要以輸入年紀為目標：
向下拉會出現「負號」，這有點怪怪的，需要重新設定過。


---

### 細節設定: 年紀限制

1. min / 最小的數字為何?
2. max / 最大的數字為何?

- 這樣一來，選單就可以將年齡限制在我們所設定的範圍之內了:

      <label for="myAge">年紀:</label>
      <input type="number" name="age" id="myAge" min="18" max="100" />
      <br />

### 設定選單的數字變化級距:

- step: 可以在控制上下時，跳動的數值為何，例如我們設定.1

那麼它顯示的數字就是0.1在做增減

      <label for="myAge">年紀:</label>
      <input
        type="number"
        step=".1"
        name="age"
        id="myAge"
        min="18"
        max="100"
        required
      />

- 後續請記得將: `step` 改為 `1`，才符合表單設計的精神。

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