Dassize-Attribut definiert die Breite des<input> und die Höhe des<select>-Elements. Für eininput-Element definiert es die Anzahl an Zeichen, die der Benutzeragent dem Benutzer anzeigt, während der Wert bearbeitet wird. Für einselect-Element definiert es die Anzahl der Optionen, die dem Benutzer angezeigt werden sollen. Dies muss eine gültige, nicht-negative Ganzzahl größer als Null sein.

Wenn keinesize angegeben ist oder ein ungültiger Wert angegeben wird, hat das Input-Element keine deklarierte Größe, und das Formularelement wird die Standardbreite basierend auf dem Benutzeragenten haben. Wenn CSS auf das Element angewendet wird, das die Breite beeinflusst, hat CSS Vorrang.

Dassize-Attribut hat keinen Einfluss auf die Gültigkeitsüberprüfung von Einschränkungen.

Probieren Sie es aus

<label for="firstName">First Name:</label><input name="firstName" type="text" size="10" /><label for="lastName">Last Name:</label><input name="lastName" type="text" size="20" /><label for="fruit">Favorite fruit:</label><select name="fruit" size="2">  <option>Orange</option>  <option>Banana</option>  <option>Apple</option></select>

label {  display: block;  margin-top: 1rem;}

Beispiele

Durch Hinzufügen vonsize zu einigen Input-Typen kann die Breite des Inputs gesteuert werden. Das Hinzufügen von size bei einem Select ändert die Höhe, indem definiert wird, wie viele Optionen im geschlossenen Zustand sichtbar sind.

<label for="fruit">Enter a fruit</label><input type="text" size="15" /><label for="vegetable">Enter a vegetable</label><input type="text" /><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

Browser-Kompatibilität

html.elements.select.size

html.elements.input.size

Siehe auch

• maxlength
• minlength
• pattern