HTML 屬性:size

size 屬性定義 <input> 元素的寬度和 <select> 元素的高度。對於 input 元素,它定義了使用者代理允許使用者在編輯值時看到的字元數。對於 select 元素,它定義了應向用戶顯示的選項數。這必須是一個大於零的有效非負整數。

如果未指定 size 或指定了無效值,則輸入沒有宣告大小,並且表單控制元件將根據使用者代理具有預設寬度。如果 CSS 使用影響寬度的屬性來定位元素,則 CSS 優先。

size 屬性對約束驗證沒有影響。

試一試

示例

透過在某些輸入型別上新增 size,可以控制輸入的寬度。在選擇上新增 size 會更改高度,定義在關閉狀態下可見多少選項。

html
<label for="fruit">Enter a fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Enter a vegetable</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banana</option>
  <option>cherry</option>
  <option>strawberry</option>
  <option>durian</option>
  <option>blueberry</option>
</select>

<select name="vegetables" size="5">
  <option>carrot</option>
  <option>cucumber</option>
  <option>cauliflower</option>
  <option>celery</option>
  <option>collard greens</option>
</select>

規範

規範
HTML 標準
# attr-select-size
HTML 標準
# attr-input-size

瀏覽器相容性

html.elements.select.size

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

html.elements.input.size

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱