HTML5入力がサポートされているかどうかを確認する方法は？

Question

訪問者のブラウザがHTML5入力タイプをサポートしている場合は、私のウェブサイトをチェックしたいと思います。私はどうすればいいのですか？

Answer 1

を役に立てば幸いサポートされていない場合、ナビゲータはデフォルトとしてテキストを返します。 このような簡単な確認が役に立ちます。

Answer 2

Modernizrは、新しい入力タイプのチェックをサポートしています。

Answer 3

あなたは行うことができます：

var i = document.createElement("input"); 
i.setAttribute("type", "color"); 
return i.type !== "text"; 

色がサポートされている場合は、i.typeがカラーになりますが：

 
function IsAttributeSupported(tagName, attrName) { 
    var val = false; 
    // Create element 
    var input = document.createElement(tagName); 
    // Check if attribute (attrName) 
    // attribute exists 
    if (attrName in input) { 
     val = true; 
    } 
    // Delete "input" variable to 
    // clear up its resources 
    delete input; 
    // Return detected value 
    return val; 
} 

if (!IsAttributeSupported("input", "placeholder")) { 
    // Do something special here 
    alert("placeholder attribute is not supported"); 
} 

が、それはあなたがこれを使用することができ、フォームフィールドで

Answer 4

私は受け入れられた答えにコメントしますが、特定の評判がなければ私を許可しないので、私はこのようにします。ブラウザが認識できない入力タイプになった場合、自動的にデフォルトの 'テキスト'入力になります。だから、私は答えのJSは不要です（あなたは 'テキスト'以外のデフォルトにしたい場合を除き）