HTML-Attribut: maxlength
Das maxlength-Attribut definiert die maximale Zeichenkettenlänge, die der Benutzer in ein <input> oder <textarea> eingeben kann. Das Attribut muss einen ganzzahligen Wert von 0 oder höher haben.
Die Länge wird in UTF-16-Code-Einheiten gemessen, was (für die meisten Schriftsysteme) der Anzahl der Zeichen entspricht. Wenn kein maxlength angegeben ist oder ein ungültiger Wert angegeben wird, hat die Eingabe keine maximale Länge.
Jeder maxlength-Wert muss größer oder gleich dem Wert von minlength sein, wenn dieser vorhanden und gültig ist. Die Eingabe schlägt bei der Constraint-Validierung fehl, wenn die Länge des Textwerts des Feldes länger als maxlength UTF-16-Code-Einheiten ist. Die Constraint-Validierung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.
Constraint-Validierung
Obwohl der Browser im Allgemeinen verhindert, dass Benutzer mehr Text eingeben, als das maxlength-Attribut zulässt, wird, sollte die Länge länger als das zulässige maxlength sein, 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 |
