Wykryj wsparcie dla HTML5 <input form = ""> atrybut

Question

Jak mogę sprawdzić, czy przeglądarka obsługuje atrybut HTML5 form na elementach input?

Po this question, próbowałem następujące:

var supportForm = function() 
{ 
    var input = document.createElement("input"); 
    if ("form" in input) 
    { 
    input.setAttribute("form", "12345"); 

    if (input.form == "12345") 
     return true; 
    } 

    return false; 
} 

... ale to daje fałszywe negatywne dla Firefox (14, przynajmniej). Zastępowanie input.form z daje fałszywy alarm dla IE 9.

Answer 1

dla elementów wejściowych nie było odniesienia do postaci dominującej przed funkcji referencyjnej forma HTML5 i to powoduje ten problem można wymienić.

Mam nadzieję, że jest bardziej elegancki sposób, aby sprawdzić, czy jest obsługiwane, ale teraz można użyć następujących (ale to wiąże się relacje z DOM):

function testInputFormSupport() { 
    var input = document.createElement('input'), 
     form = document.createElement('form'), 
     formId = 'test-input-form-reference-support'; 
    // Id of the remote form 
    form.id = formId; 
    // Add form and input to DOM 
    document.childNodes[0].appendChild(form); 
    document.childNodes[0].appendChild(input); 
    // Add reference of form to input 
    input.setAttribute('form', formId); 
    // Check if reference exists 
    var res = !(input.form == null); 
    // Remove elements 
    document.childNodes[0].removeChild(form); 
    document.childNodes[0].removeChild(input); 
    return res; 
} 

Answer 2

Nie sądzę, że to takie proste.

Według specyfikacji na http://dev.w3.org/html5/spec/association-of-controls-and-forms.html#attr-fae-form

1. Właściciel forma musi istnieć, aby być ustawiony na elemencie.
2. Element musi być w dokumencie w celu zmiany jego właściciela, tworzą