HTML <input> width 屬性

HTML <input> 標簽

定義和用法

width 屬性規定 <input> 元素的寬度。

注意：width 屬性僅與 <input type="image"> 一起使用。

提示：為圖片指定高度和寬度是一個好習慣。如果設置了這些屬性，當頁面加載時會為圖片預留需要的空間。而如果沒有這些屬性，則瀏覽器就無法了解圖像的尺寸，也就無法為其預留合適的空間。情況是當頁面和圖片加載時，頁面布局會發生變化。

實例

定義圖像作為提交按鈕，帶有 height 和 width 屬性：

<form action="/action_page.php">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓氏：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="提交" width="48" height="48">
</form>

親自試一試

語法

<input width="pixels">

屬性值

值 描述
pixels 規定 <input> 元素的寬度，以像素計（例如 height="100"）。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 16.0 支持 支持

注釋：width 屬性是 <input> 標簽在 HTML5 中的新屬性。

HTML <input> 標簽