Как проверить поддержку браузера для атрибутов формы HTML5?

Question

Как проверить, поддерживает ли браузер атрибут formtarget или form?

Modernizr здесь не помогает, и я даже не мог найти что-то в Интернете по текущему состоянию поддержки form в браузерах. Хотя быстрый тест показал, что все текущие браузеры, кроме IE 9, поддерживают их.

Так как я могу проверить, поддерживает ли браузер атрибуты form*?

Answer 1

форма атрибут ввода является особый случай. Он использовался до функции HTML5, чтобы ссылаться на родительскую форму, но теперь она также используется как атрибут, поэтому у вас будут ложные срабатывания в IE.

Существует функция проверки, но она включает взаимодействие с 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

Попробуйте

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

из How can I tell of a HTML attribute exists or not, using Javascript

Answer 3

Посмотрите this site. Она охватывает все новые функции формы и дает удобную маленькую функцию, чтобы проверить поддержку атрибута

// 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 
}