HTML <入力>属性

❮HTML<input>タグ

高さと幅の属性を使用して、画像を送信ボタンとして定義します。

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

定義と使用法

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

注:width属性は。でのみ使用されます <input type="image">

ヒント: 画像の属性heightと属性の両方を常に指定してください。 width高さと幅が設定されている場合、ページの読み込み時に画像に必要なスペースが予約されます。ただし、これらの属性がないと、ブラウザは画像のサイズを認識せず、適切なスペースを予約できません。その結果、読み込み中(画像の読み込み中)にページレイアウトが変更されます。


ブラウザのサポート

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

Attribute
width Yes Yes 16.0 Yes Yes

構文

<input width="pixels">

属性値

Value Description
pixels The width in pixels (e.g. width="100")

❮HTML<input>タグ