Come verificare, se è supportato un input HTML5?

Question

Desidero controllare nel mio sito Web, se il browser dei visitatori supporta un tipo di input HTML5. Come dovrei farlo?

Answer 1

Con i campi del modulo che è possibile utilizzare questo:

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

Se il colore è supportato, i.type sarà il colore, ma se non è supportato, il navigatore restituisce il testo come predefinito. Quindi una semplice verifica come questa può aiutarti.

Answer 2

Modernizr ha il supporto per il controllo dei nuovi tipi di input.

Answer 3

Si potrebbe fare:

 
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"); 
} 

Speranza che aiuta

Answer 4

vorrei commentare la risposta accettata, ma non mi consentirà senza una certa reputazione, quindi lo farò in questo modo. se un browser viene eseguito in un tipo di input che non riconosce, verrà automaticamente impostato automaticamente su un input "testo". quindi direi il JS nella risposta non è necessaria (a meno che non si desidera per difetto a qualcosa di diverso 'text')