HTML5 Input Types

Zu fast allen Inputs gibt rs auch noch weitere Parameter zur Validierung.

Was echt nervt: iOS zoomt beim focus der Inputs rein und danach nicht wieder raus!
Opera Mobile scheint alles zu können!


Diverse Inputs:

Input type=email

Sollte die Touchtastatur entsprechend umstellen, und eine @-Taste zeigen

Klappt überall. Keine Validierung und Tastaturanpassung im Webkit(Andr.)

Input type=tel

Sollte nur eine Zahlentastatur zeigen

Klappt überall. Keine Validierung und Tastaturanpassungim im Webkit(Andr.)

Input type=url

Sollte ein textinput zeigen.

Klappt. Keine Validierung und Tastaturanpassungim im Webkit(Andr.)

Input type=color

Sollte eine Farbauswahl zeigen. Aussehen ist vom OS oder Browser abhängig

Kein IOS, kein Android aber Opera, nur PC


Weitere:

Input type=number | min=1 max=5

Sollte eine Nummerspin zeigen. Bereich zwischen 1 und 5

kein IOS, kein Android aber Opera, PC OK

Input type=range | min=1 max=10

Sollte einen Rangeslider zeigen. Bereich zwischen 1 und 10
input type="range" name="points" min="1" max="10" value="5" step="1"´
Wie bekomme ich eine Zahlenskala hin???

IOS antippen dann ziehen, funktioniert im Webkit Android gar nicht aber im Opera, PC OK

Input type=range + output


Output Feld

input datalist

Ein Autocomplete-Feld. Aufgebaut wie ein Select.
Blendet beim Lostippen die Nichtpassenden aus.

kein IOS, kein Android aber Opera, PC OK


Addendum:

Für jedes andere Feld wo man nur das Nummernfeld braucht:
input type="text" pattern="\d*" novalidate
autocapitalize="off"
autocorrect="off"
pattern="\d*" für Nummern