Neueste Web-Entwicklung Tutorials
 

HTML <input> width Attribute

<HTML <input> -Tag

Beispiel

Definieren Sie ein Bild als den Absenden - Button, mit height und width Attribute:

<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>
Versuch es selber "

Definition und Verwendung

Die width Attribut gibt die Breite des <input> Element.

Hinweis: Die width Attribut wird nur verwendet , mit <input type="image"> .

Tipp: Immer sowohl die angeben , height und width Attribute für Bilder.Wenn die Höhe und Breite festgelegt sind, wird der Raum für das Bild erforderlich reserviert, wenn die Seite geladen wird. Doch ohne diese Attribute, weiß der Browser nicht die Größe des Bildes und kann den geeigneten Raum, um es nicht zu reservieren. Der Effekt ist, dass die Seitenlayout beim Laden (während die Bilder laden) ändert.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Attribut vollständig unterstützt.

Attribut
width 1.0 ja 16.0 ja 1.0

Unterschiede zwischen HTML 4.01 und HTML5

Die width Attribut ist neu für die <input> Tag in HTML5.


Syntax

<input width="pixels">

Werte Attribut

Wert Beschreibung
pixels Die Breite in Pixel (zB width="100" )

<HTML <input> -Tag