HTML <input> width-Attribut

HTML <input> Tag

Definition und Verwendung

width Das Attribut legt die Breite des <input>-Elements fest.

Beachten Sie:width Das Attribut betrifft nur <input type="image"> Zusammen verwenden.

Hinweis:Es ist eine gute Gewohnheit, der Höhe und Breite eines Bildes festzulegen. Wenn diese Attribute gesetzt sind, wird beim Laden der Seite der benötigte Raum für das Bild reserviert. Ohne diese Attribute kann der Browser die Größe des Bildes nicht erkennen und kann daher keinen angemessenen Raum für es reservieren. In der Regel ändert sich die Layout der Seite, wenn die Seite und das Bild geladen werden.

Beispiel

Definieren Sie ein Bild als Submit-Taste mit den Attributen height und width:

<form action="/action_page.php">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nachname:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="submit" width="48" height="48">
</form>

Versuchen Sie es selbst

Syntax

<input width="pixels">

Attributwert

Wert Beschreibung
pixels Gibt die Breite des <input>-Elements in Pixel an (z.B. height="100").

Browserunterstützung

Die Zahlen in der Tabelle weisen auf die erste Version des Browsers hin, die dieses Attribut vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützt Unterstützt 16.0 Unterstützt Unterstützt

Anmerkung:width Das Attribut ist eine neue Eigenschaft des <input>-Tags in HTML5.

HTML <input> Tag