現在のブラウザで `<input type =" email ".."（例えば）がサポートされているかどうかを判断する最も簡単な方法は何ですか？

Question

HTML5の場合、次のマークアップは、ブラウザがブラウザの入力検証を処理するのに十分です。

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

イベントにフックする必要が入力ボックスのためにも提出ボタンのどちらも、ありません：

これは、入力は、それが実際に提供されていることを電子メールアドレスの形式に一致するだけでなく、されていることを確認します、ちょうど良い。

ブラウザが既にこの機能をサポートしているかどうかを判断する方法を探しています。または自分で入力の検証を処理する必要があります。

これを簡単にする方法があるのだろうか、あるいは可能なすべてのブランドバージョンの組み合わせとサポートされているフラグの表を維持しなければならないのだろうか。 @decezeで述べたように

Answer 1

は、検出技術はhereに記載されており、このツールはmodernizr

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

Answer 2

あなたは「Tzury」で述べたようにmodernizrライブラリからの入力の種類を確認することができますですが、ここのリストです新しいhtml5入力要素をサポートするブラウザとそのバージョン

HTML5フォームのブラウザサポートは拡大していますが、制限されています。 Opera以外の多くのブラウザベンダー はまだ新しいフォームコントロールに大きな努力を払っていないようです。しかし、WebKitブラウザは最近、フォームのサポートを増やしました。これは、おそらくiPhoneとその仮想キーボードディスプレイが導入されたためです。バリデーションなどの高度な機能が導入されています。表7-1は、今日のHTML5フォームのサポート状況をまとめたものです。ブラウザのサポートのチェック

彼らは古いブラウザでは正常に低下するように設計されているとして、新しいHTML5フォームのコンテキストではあまり有用です。これは、古いブラウザでは、理解できない入力タイプの単純なテキストフィールド表示に戻るため、今日では新しい要素を使用することが安全であることを意味します。参考のために

あなたは、Amazon Apress Pro HTML5 Programming Sep 2010