最新のWeb開発のチュートリアル
 

HTML <input> width Attribute

<HTML <input>タグ

で、送信ボタンなどの画像を定義してheightwidthの属性:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
»それを自分で試してみてください

定義と使用法

width属性は幅指定<input>要素を。

注: width属性だけで使用されている<input type="image">

ヒント:必ず両方指定しheightwidthの画像の属性を。高さと幅が設定されている場合、ページがロードされるときに、画像に必要なスペースが確保されています。 しかし、これらの属性なしで、ブラウザは画像のサイズを知らない、そしてそれに適切なスペースを確保することはできません。 効果は、ページのレイアウトが(画像をロードしながら)をロード中に変更されることになります。


ブラウザのサポート

表中の数字は完全に属性をサポートする最初のブラウザのバージョンを指定します。

属性
width 1.0 はい 16.0 はい 1.0

HTML 4.01とHTML5の違い

width属性は、のために新しく追加されました<input> HTML5タグ。


構文

<input width="pixels">

属性値

説明
pixels ピクセル単位の幅(例えば、 width="100"

<HTML <input>タグ