HTMLリファレンスマニュアル

HTMLタグ全般

HTML: <input> width属性

HTML input width属性は<input>要素の幅を指定します。width属性は<input type="image">にのみ適用されます。heightおよびwidthが設定されている場合、ページ読み込み時に画像が必要なスペースを保持します。

　HTML <input> タグ

オンラインサンプル

画像を送信ボタンとして定義し、heightおよびwidth属性のサイズが45ピクセル：

示例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　width　属性　-　基础教程网(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　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="45"height="45">
</form>
</body>
</html>

テストして見てみましょう ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが width 属性をサポートしています。

定義と用法

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

注意：width 属性は <input type="image"> にのみ適用されます。

ヒント：画像の height と width 属性を常に同時に指定する必要があります。height と width が設定されている場合、ページの読み込み中に画像が必要なスペースを確保します。これらの属性が設定されていない場合、ブラウザは画像のサイズを知らずに適切なスペースを確保できません。その結果、ページレイアウトは読み込み中（画像の読み込み時）に変更されます。

HTML 4.01 と HTML5の間の違い

width 属性は HTML5 中の <input> タグの新しい属性。

文法

<input width="pixels">

属性値

値	説明
pixels	ピクセル単位の幅（例えば width="100"）。

　HTML <input> タグ

HTML: <template> タグ