HTML-Attribut: maxlength

Dasmaxlength-Attribut definiert die maximaleZeichenkettenlä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 inUTF-16 Code-Einheiten gemessen, was oft, aber nicht immer, der Anzahl der Zeichen entspricht. Wenn keinmaxlength angegeben wird oder ein ungültiger Wert festgelegt ist, hat die Eingabe keine maximale Länge.

Jedermaxlength-Wert muss größer oder gleich dem Wert vonminlength sein, sofern vorhanden und gültig. Die Eingabe wird bei der Überprüfung der Einschränkungen fehlschlagen, wenn die Länge des Textwerts des Felds größer ist als die Länge vonmaxlength in UTF-16 Code-Einheiten. Die Einschränkungsüberprüfung wird nur angewendet, wenn der Wert vom Benutzer geändert wird.

Probieren Sie es aus

<label for="name">Product name:</label><input   name="name"  type="text"  value="Shampoo"  minlength="3"  maxlength="20"  required /><label for="description">Product description:</label><textarea   name="description"  minlength="10"  maxlength="40"  required></textarea>

label {  display: block;  margin-top: 1em;}input:valid,textarea:valid {  background-color: palegreen;}

Beschreibung

Einschränkungsüberprüfung

Während der Browser generell verhindert, dass der Benutzer mehr Text eingibt, als dasmaxlength-Attribut zulässt, wird, sollte die Länge länger sein alsmaxlength, die schreibgeschütztetooLong-Eigenschaft einesValidityState-Objekts auftrue gesetzt.