HTML-Attribut: maxlength
Das Attribut maxlength definiert die maximale Zeichenstringlä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 oft, aber nicht immer der Anzahl der Zeichen entspricht. Wenn kein maxlength angegeben ist oder ein ungültiger Wert angegeben wird, gibt es keine maximale Länge für die Eingabe.
Jeder maxlength-Wert muss größer als oder gleich dem Wert von minlength sein, wenn vorhanden und gültig. Die Eingabe schlägt bei der Einschränkungsvalidierung fehl, wenn die Länge des Textwertes des Feldes größer als die maxlength UTF-16-Code-Einheiten ist. Die Einschränkungsvalidierung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.
Einschränkungsvalidierung
Während der Browser im Allgemeinen verhindern wird, dass Benutzer mehr Text eingeben, als das maxlength-Attribut erlaubt, wird die schreibgeschützte tooLong-Eigenschaft eines ValidityState-Objekts wahr sein, sollte die Länge länger als die durch maxlength erlaubte 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 |