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.

<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>