HTML <input> width属性
例
画像を送信ボタンとして定義し、height 属性と width 属性を指定します：
<form action="demo_form.html">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif.html" alt="Submit" width="48" height="48">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif.html" alt="Submit" width="48" height="48">
</form>
試してみる »
ブラウザ対応
すべての主要ブラウザが width 属性をサポートしています。
定義と使い方
width 属性は <input> 要素の幅を指定します。
注意：width 属性は <input type="image"> にのみ適用されます。
ヒント：画像に height 属性と width 属性を指定することは良い習慣です。これらの属性を設定すると、ページ読み込み時に画像に必要なスペースが確保されます。これらの属性がない場合、ブラウザは画像のサイズを認識できず、適切なスペースを確保できません。その結果、ページと画像の読み込み時にページレイアウトが変化します。
HTML 4.01 と HTML5 の違い
width 属性は HTML5 の <input> タグの新しい属性です。
構文
<input width="pixels">
属性値
| 值 | 説明 |
|---|---|
| pixels | ピクセル単位の幅（例：width="100"）。 |
HTML <input> タグ その他の拡張