Jaki jest najłatwiejszy sposób określenia, czy `<typ wejściowy =" e-mail ".. (na przykład) jest obsługiwany w bieżącej przeglądarce?

Question

W HTML5 następujący znacznik jest wystarczający, aby uzyskać obsługę sprawdzania poprawności wejścia dla przeglądarki.

To zweryfikuje wejście jest dopasowanie format adresu e-mail, a także, że jest faktycznie świadczona:

<input id="email" name="email" type="email" placeholder="Email address" required/> 

Nie ma potrzeby, aby zahaczyć o wydarzeniach, ani na polu wejściowym ani na przycisk przesyłania , w porządku.

Szukam sposobu, aby zdecydować, czy przeglądarka obsługuje już tę funkcję, czy też powinienem obsługiwać sprawdzanie danych wejściowych samodzielnie.

Zastanawiam się, czy istnieje sposób, aby to zrobić prosto, czy też powinienem utrzymać tabelę wszystkich możliwych kombinacji marek i obsługiwanej flagi.

Answer 1

Jak wspomniano przez @deceze technika wykrywania jest opisany w here a narzędzie jest modernizr

if (!Modernizr.inputtypes.email) { 
    // no native support for <input type="email"> :(
    // maybe build one yourself with Dojo or jQueryUI 
} 

Answer 2

Można sprawdzić typ wejścia z modernizr biblioteki, jak wspomniano przez „Tzury”, ale tutaj jest lista przeglądarek i ich wersji obsługujących nowe elementy wejściowe html5.

Obsługa przeglądarki dla formularzy HTML5 rośnie, ale jest ograniczona. Wygląda na to, że wielu producentów przeglądarek, oprócz Opery, nie włożyło jeszcze wiele wysiłku w ich nowe formanty formularzy. Jednak przeglądarki WebKit zwiększyły ostatnio obsługę formularzy, być może z powodu wprowadzenia iPhone'a i jego wirtualnego wyświetlacza klawiatury, jak wkrótce zobaczymy. Wprowadzane są coraz bardziej zaawansowane funkcje, takie jak walidacja. Tabela 7-1 podsumowuje obecny stan obsługi formularzy HTML5 już dziś.

Sprawdzanie wsparcia przeglądarki jest mniej użyteczne w kontekście nowych form HTML5, tak jak zostały one zaprojektowane do degradacji wdziękiem w starszych przeglądarkach. W dużej mierze oznacza to, że możesz bezpiecznie korzystać z nowych elementów już dziś, ponieważ starsze przeglądarki powracają do prostych wyświetlaczy pól tekstowych dla każdego rodzaju danych wejściowych, których nie rozumieją.

odsyłającym można sprawdzić tę książkę na Amazon Apress Pro HTML5 Programming Sep 2010