Na konkurs wymyśliłam sobie aplikację webową, no więc dłubię w formularzach. Staram się odpowiednio opisywać model danych (w Javie), na przykład:
|
1 2 3 |
@NotNull @Min(18) private Integer age; |
Jednak niektóre typy danych są tradycyjnie kłopotliwe (polecam ten angielskojęzyczny artykuł na temat walidacji adresów email w oparciu o wyrażenia regularne).
Okazało się, że standard HTML5 opisuje specjalne typy pól wejściowych dla adresu email oraz daty. W kodzie strony wygląda to tak:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<form action="#" method="post"> <table> <tr> <td>Email:*</td> <td><input type="email" /></td> </tr> <tr> <td>Birthday:</td> <td><input type="date" /></td> </tr> <tr> <td><button type="submit">Submit</button></td> </tr> </table> </form> |
Najpierw email. W Firefoksie mamy:
W Chrome podobnie, ale dostajemy trochę więcej informacji:
Data
Przy datach jest jeszcze ciekawiej.
Oto Chrome:
Co na to Firefox?
Firefox nic, Explorer oczywiście także.
Boję się przeglądarki Chrome. Google czyta moje maile i wie, czego szukam w Internecie. To, co wpisuję w pasku adresowym jest dla mnie ostatnią granicą… Ale w tej chwili chciałabym, żeby wszyscy użytkownicy korzystali właśnie z niej 🙂