Components Numbers Zahlen-Input

Es wurde bewusst die Entscheidung getroffen, nicht das HTML Element <input type="number"> zu benutzen. Stattdessen wird <input type="text" inputmode="numeric"> verwendet.

  • <input type="number"> bringt mehrere Probleme in Bezug auf die Barrierefreiheit mit sich.
  • Benutzer erhalten kein Feedback darüber, welche Art von Zeichen <input type="number"> akzeptiert, und Hilfstechnologien warnen den Benutzer nicht, dass seine Eingabe stillschweigend verworfen wurde.
  • Benutzer können die Zahl mit dem Scrollrad der Maus oder der Scroll-Geste auf ihrem Trackpad versehentlich erhöhen oder verringern. Diese Funktion kann nützlich sein, wenn zählbare Daten gesammelt werden, aber schlecht, wenn Daten wie Passnummern eingegeben werden.

Verwendung

Numeric Input


Decimal Input


Readonly Input


Disabled Input


Prefix/Suffix Input

Prefix
Suffix

Prefix/Suffix ReadOnly Input

Prefix
Suffix

Prefix/Suffix Error Input

Prefix
Suffix
Geben Sie bitte einen Wert kleiner oder gleich 3 ein.

OSI Hilfe Dialog