HTML-Attribut: maxlength
Das maxlength-Attribut definiert die maximale String-Länge, die der Benutzer in ein <input>- oder <textarea>-Element eingeben kann. Das Attribut muss einen ganzzahligen Wert von 0 oder höher haben.
Die Länge wird in UTF-16-Codeeinheiten gemessen, was oft, aber nicht immer der Anzahl der Zeichen entspricht. Wenn kein maxlength angegeben oder ein ungültiger Wert spezifiziert wird, hat die Eingabe keine maximale Länge.
Ein maxlength-Wert muss größer oder gleich dem Wert von minlength sein, sofern vorhanden und gültig. Die Eingabe wird die Validierungseinschränkungen nicht bestehen, wenn die Länge des Textwerts des Feldes größer als maxlength UTF-16-Codeeinheiten ist. Die Einschränkungsvalidierung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.
Einschränkungsvalidierung
Obwohl der Browser den Benutzer im Allgemeinen daran hindert, mehr Text einzugeben, als das maxlength-Attribut erlaubt, wird, falls die Länge länger ist, als maxlength erlaubt, die schreibgeschützte tooLong-Eigenschaft eines ValidityState-Objekts wahr sein.
Probieren Sie es aus
<label for="name">Product name:</label>
<input
id="name"
name="name"
type="text"
value="Shampoo"
minlength="3"
maxlength="20"
required />
<label for="description">Product description:</label>
<textarea
id="description"
name="description"
minlength="10"
maxlength="40"
required></textarea>
label {
display: block;
margin-top: 1em;
}
input:valid,
textarea:valid {
background-color: palegreen;
}
Beispiele
<input type="password" maxlength="4" />
Spezifikationen
| Specification |
|---|
| HTML # attr-input-maxlength |
| HTML # attr-textarea-maxlength |