HTML-Attribut: size

Das size-Attribut definiert die Breite des <input>- und die Höhe des <select>-Elements. Für ein input-Element definiert es die Anzahl der Zeichen, die der Benutzeragent dem Benutzer beim Bearbeiten des Wertes anzeigt. Für ein select-Element definiert es die Anzahl der Optionen, die dem Benutzer angezeigt werden sollen. Dies muss eine gültige nicht-negative ganze Zahl größer als Null sein.

Wenn keine size-Angabe gemacht wird oder ein ungültiger Wert angegeben ist, wird keine Größe für das Eingabefeld deklariert, und das Steuerelement des Formulars wird die standardmäßige Breite des Benutzeragents haben. Wenn CSS das Element auf eine Weise anvisiert, die die Breite beeinflusst, hat CSS Vorrang.

Das size-Attribut hat keinen Einfluss auf die Constraints-Validierung.

Probieren Sie es aus

Beispiele

Durch das Hinzufügen von size zu einigen input-Typen kann die Breite des Eingabefeldes gesteuert werden. Das Hinzufügen von size zu einem select verändert die Höhe und bestimmt, wie viele Optionen im geschlossenen Zustand sichtbar sind.

html
<label for="fruit">Enter a fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Enter a vegetable</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banana</option>
  <option>cherry</option>
  <option>strawberry</option>
  <option>durian</option>
  <option>blueberry</option>
</select>

<select name="vegetables" size="5">
  <option>carrot</option>
  <option>cucumber</option>
  <option>cauliflower</option>
  <option>celery</option>
  <option>collard greens</option>
</select>

Spezifikationen

Specification
HTML
# attr-select-size
HTML
# attr-input-size

Browser-Kompatibilität

html.elements.select.size

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
size

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

html.elements.input.size

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
size

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch