maxlength HTML-Attribut
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-Codeeinheiten gemessen, was oft, aber nicht immer, der Anzahl der Zeichen entspricht. Wenn kein maxlength angegeben wird oder ein ungültiger Wert angegeben ist, gibt es keine maximale Länge für die Eingabe.
Ein beliebiger maxlength-Wert muss größer oder gleich dem Wert von minlength sein, wenn dieser vorhanden und gültig ist. Die Eingabe wird die Einschränkungsvalidierung nicht bestehen, wenn die Länge des Textwerts des Feldes länger als die maxlength-UTF-16-Codeeinheiten ist. Die Einschränkungsvalidierung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.
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;
}
Beschreibung
Einschränkungsvalidierung
Während der Browser im Allgemeinen verhindert, dass der Benutzer mehr Text eingibt, als das maxlength-Attribut erlaubt, wird, sollte die Länge länger sein als das maxlength erlaubt, die schreibgeschützte tooLong-Eigenschaft eines ValidityState-Objekts wahr sein.
Beispiele
<input type="password" maxlength="4" />
Spezifikationen
| Spezifikation |
|---|
| HTML # attr-input-maxlength |
| HTML # attr-textarea-maxlength |