HTML5 양식 속성에 대한 브라우저 지원을 확인하는 방법은 무엇입니까?

Question

브라우저가 formtarget 또는 form 속성을 지원하는지 어떻게 확인할 수 있습니까?

Modernizr는 여기서 도움이되지 않으며 브라우저의 현재 상태 인 form에 대한 웹에서도 찾을 수 없습니다. 빠른 테스트가 IE 9를 제외한 현재의 모든 브라우저를 지원한다고 밝혀졌습니다.

브라우저가 form* 속성을 처리하는지 어떻게 확인할 수 있습니까?

Answer 1

입력에 형태 속성이있다 특별한 경우. 상위 양식을 참조하기 위해 HTML5 기능보다 먼저 사용되었지만 이제는 속성으로도 사용되므로 IE에서 오탐 (false positive)이 발생합니다.

확인 기능이 있지만 성능에 영향을 줄 수있는 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.body.appendChild(form); 
    document.body.appendChild(input); 
    // Add reference of form to input 
    input.setAttribute('form', formId); 
    // Check if reference exists 
    var res = !(input.form == null); 
    // Remove elements 
    document.body.removeChild(form); 
    document.body.removeChild(input); 
    return res; 
} 

Answer 2

는 this site에서보세요 How can I tell of a HTML attribute exists or not, using Javascript

Answer 3

에서

if ("attribute" in document.createElement("tag")) 

을보십시오. 그것은 모든 새로운 형태의 기능을 설명하고 여기에

// Function to test for attribute support 
function elSupportsAttr(el, attr) { 
    return attr in document.createElement(el); 
} 

Answer 4

은 당신이가는 속성의 지원을 테스트하기 위해 쉽고 간단한 기능을 제공합니다

이

if("formtarget" in document.createElement("input")){ 
    //good job, browser 
}else{ 
    //nope 
}