HTML <input> width - Attribut
Beispiel
Definieren Sie ein Bild als Senden-Schaltfläche mit den Attributen Höhe und Breite:
<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>
Definition und Verwendung
Das widthAttribut gibt die Breite des <input>Elements an.
Hinweis: Das widthAttribut wird nur mit verwendet
<input type="image">.
Tipp: Geben Sie für Bilder immer sowohl die heightAttribute
width
als auch an. Wenn Höhe und Breite eingestellt sind, wird beim Laden der Seite der für das Bild benötigte Platz reserviert. Ohne diese Attribute kennt der Browser jedoch die Größe des Bildes nicht und kann ihm nicht den entsprechenden Platz reservieren. Der Effekt besteht darin, dass sich das Seitenlayout während des Ladens ändert (während die Bilder geladen werden).
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | 16.0 | Yes | Yes |
Syntax
<input width="pixels">
Attributwerte
| Value | Description |
|---|---|
| pixels | The width in pixels (e.g. width="100") |
❮ HTML <input>-Tag