(forrás)



HTML 5

Szám mező

Gyakran van szükségünk arra, hogy számadatot kérjünk be a látogatótól. A következő példa mutatja, hogy milyen lehetőségeink vannak.



Az intervallum határait és a lépésközt is megadhatjuk.


Csúszka használata

Akár számadatok esetén, akár más szituációban érdekes megoldás lehet a csúszka használata.



Arra azonban érdemes figyelni, hogy itt a csúszka számszerű értéke nem jelenik meg közvetlenül. JavaScript segítségével viszont összeköthetjük a csúszka működését más űrlap elemekkel.


Dátum/idő megadása





Ezen kívül használható a datetime, month és week típusú mező is.


Szín megadása

A szín megadásáa:



További lehetőségek: W3Schools próba


A következő példák jól mutatják az igényeket. A böngészők megoldása már nem ilyen egyértelmű.







Automatikus fókusz
Automatikusan megkapja a fókuszt a következő elem:


Validálás A JavaScript használata helyett további lehetőségeket is kaptunk. Kötelező kitölteni a következő mezőt:


Lehetőség van reguláris kifejezések használatára is:








Hivatkozás: HTML5 Input Types