Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/de/docs/Web/HTML/Reference/Attributes/size below:

HTML-Attribut: size - HTML | MDN

Das size-Attribut definiert die Breite des <input> und die Höhe des <select>-Elements. Für ein input-Element definiert es die Anzahl an Zeichen, die der Benutzeragent dem Benutzer anzeigt, während der Wert bearbeitet wird. Für ein select-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 keine size 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.

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

<label for="firstName">First Name:</label>
<input id="firstName" name="firstName" type="text" size="10" />

<label for="lastName">Last Name:</label>
<input id="lastName" name="lastName" type="text" size="20" />

<label for="fruit">Favorite fruit:</label>
<select id="fruit" name="fruit" size="2">
  <option>Orange</option>
  <option>Banana</option>
  <option>Apple</option>
</select>

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

Durch Hinzufügen von size 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" 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>

Diese Seite wurde automatisch aus dem Englischen übersetzt.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4