HTML-Attribut: maxlength
Das maxlength-Attribut definiert die maximale Zeichenlänge, die der Benutzer in ein <input> oder ein <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 Schriften) 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 oder gleich dem Wert von minlength sein, falls vorhanden und gültig. Die Eingabe schlägt bei der Einschränkungsvalidierung fehl, wenn die Länge des Textwertes des Feldes größer ist als die maximale Anzahl von UTF-16-Code-Einheiten. Die Einschränkungsvalidierung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.
Einschränkungsvalidierung
Während der Browser im Allgemeinen verhindert, dass der Benutzer mehr Text eingibt, als das maxlength-Attribut erlaubt, ist die schreibgeschützte tooLong-Eigenschaft eines ValidityState-Objekts wahr, wenn die Länge länger ist als das zulässige maxlength.
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 |