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.
<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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
size |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support