HTML Number Input Generator
Eingabe einer Zahl mit Auf-/Ab-Pfeilen und optionalen Grenzen.
Anwendung & Beispiele
Mit step="0.01" sind Dezimalwerte möglich. step="any" erlaubt beliebige Genauigkeit.
FAQ
Wie gehe ich mit Dezimalzahlen um?
step="0.01" erlaubt zwei Nachkommastellen, step="any" beliebige Genauigkeit. Achtung: der übermittelte Wert nutzt einen Punkt als Dezimaltrenner, auch wenn der Browser ein Komma anzeigt.
Warum erscheinen keine Auf/Ab-Pfeile?
Manche Browser blenden sie aus, wenn step="any" gesetzt ist oder das Feld zu schmal ist. Per CSS lassen sie sich auch komplett ausblenden: appearance: textfield + ::-webkit-inner-spin-button { display: none }.
Was passiert bei Eingaben außerhalb von min/max?
Beim Submit gibt der Browser eine Fehlermeldung zurück und verhindert das Absenden. Während der Eingabe sind beliebige Werte erlaubt — die Validierung erfolgt erst beim Submit oder per el.checkValidity().
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.