HTML - size 屬性

HTML size 屬性用於指定輸入欄位的初始寬度以及所選元素的可視行數。

對於輸入元素，size 屬性以字元為單位指定可視寬度；對於選擇元素，size 屬性指定下拉列表中可視選項的數量。

語法

<element size="value">

應用於

以下列出的元素允許使用 HTML size 屬性。

元素	描述
<input>	HTML <input> 標籤用於指定輸入欄位。
<select>	HTML <select> 標籤用於在線上表單中建立下拉列表。

HTML size 屬性示例

以下示例將說明 HTML size 屬性，以及我們應該在哪裡以及如何使用此屬性！

具有不同大小的表單輸入欄位

輸出視窗顯示的姓氏欄位比名字欄位更大。

<!DOCTYPE html>
<html>

<head>
    <title>HTML size Attribute in input tag</title>
</head>

<body>
    <h2> HTML size Attribute in input tag</h2>
    <form>
       firstName: <input type="text">
       <br><br> 
       lastName: <input type="text" size="50">
    </form>
</body>

</html>

具有多個可見選項的下拉列表

執行以下程式碼後，根據 size 屬性，下拉列表一次顯示三個選項。

<!DOCTYPE html>
<html>

<head>
    <title>HTML size Attribute in select tag</title>
</head>

<body>
    <h2>HTML size Attribute in select tag</h2>
    <p>Select the option of your choice:</p>
    <select size="3">
      <option value="merge"> merge sort </option>
      <option value="bubble"> bubble sort </option>
      <option value="selection"> selection sort </option>
      <option value="quick"> quick sort </option>
      <option value="insertion"> insertion sort </option>
    </select>
</body>

</html>

支援的瀏覽器

屬性
size	是	是	是	是	是

html_attributes_reference.htm

列印頁面