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> タグ