Maxlength wird bei input type="number" in Chrome ignoriert.

Question

Das Attribut maxlength funktioniert nicht mit . Dies tritt nur in Chrome auf.

Answer 1

Von MDNs Dokumentation für

Wenn der Wert des type-Attributs text, email, search, password, tel oder url ist, gibt dieses Attribut die maximale Anzahl von Zeichen (in Unicode-Zeichenpunkten) an, die der Benutzer eingeben kann; für andere Steuerungstypen wird es ignoriert.

Also wird maxlength bei bewusst ignoriert.

Je nach Bedarf können Sie die min und max Attribute verwenden, wie nun in seiner/ihrer Antwort vorgeschlagen (Hinweis: Dies definiert nur einen eingeschränkten Bereich, nicht die tatsächliche Zeichenlänge des Werts, obwohl -9999 bis 9999 alle 0-4 stelligen Zahlen abdecken werden), oder Sie können eine reguläre Texteingabe verwenden und die Validierung im Feld mit dem neuen pattern-Attribut erzwingen:

Answer 2

Die maximale Länge funktioniert nicht mit . Der beste Weg, den ich kenne, ist die Verwendung des `oninput`-Events, um die maximale Länge zu begrenzen. Bitte sehen Sie sich den folgenden Code an.

Answer 3

Viele Leute haben das onKeyDown()-Ereignis gepostet, das überhaupt nicht funktioniert, d.h. Sie können nichts löschen, sobald Sie das Limit erreicht haben. Verwenden Sie also anstelle von onKeyDown() onKeyPress() und es funktionert einwandfrei.

Unten ist der funktionierende Code:

Der Benutzer darf nicht mehr als 4 Ziffern eingeben

Answer 4

Ich habe zwei Möglichkeiten für dich, das zu tun

Erstens: Verwende type="tel", es funktioniert wie type="number" auf dem Handy und akzeptiert maxlength:

Zweitens: Verwende ein wenig JavaScript:

Answer 5

Sie können die Attribute min und max verwenden.

Der folgende Code tut das Gleiche: