आईई 10 में समर्थन/शिम बटन फॉर्म विशेषता का समर्थन करने का कोई तरीका?

Question

मैं अपना सबमिट बटन फॉर्म के बाहर दिखाने के लिए HTML5 के बटन फॉर्म विशेषता का उपयोग कर रहा हूं और अभी भी सबमिट सबमिट कर रहा हूं।

<article> 
    <header>This is my form</header> 
    <section> 
    <p>Something explaining what is happening on this form.</p> 
    <form id="myform" action="/submit" name="myform"> 
     <input type="text" name="thing"> 
    </form> 
    </section> 
    <footer> 
    <button type="submit" form="myform">Submit</button> 
    </footer> 
</article> 

मैं इस काम कर क्रोम/फ़ायरफ़ॉक्स/सफारी में ठीक है, लेकिन मैं IE10 में आज यह परीक्षण करने के लिए चला गया और प्रपत्र प्रस्तुत नहीं करता है:

मेरे प्रपत्र कुछ इस तरह लग रहा है!

फॉर्म = विशेषता का उपयोग न करने के लिए मेरे सभी पृष्ठों को फिर से डिजाइन करने के अलावा, क्या किसी को पता है कि इस के आसपास कैसे जाना है? मैं इसे एक फॉर्म के अंदर एक सामान्य सबमिट बटन की तरह काम करना चाहता हूं, जहां टेक्स्ट फ़ील्ड में प्रवेश करना है, फॉर्म के साथ-साथ बटन पर क्लिक करेगा।

यदि संभव हो तो जावास्क्रिप्ट में सबमिट को ट्रिगर करने के लिए मैं क्लिक ईवेंट जोड़ने और टेक्स्ट फ़ील्ड में प्रवेश करने से बचना चाहता हूं।

Answer 1

ऐसा लगता है कि विशेषता form="myForm" IE पर समर्थित नहीं है।

अधिक जानकारी के लिए यहाँ तालिका देखें: http://caniuse.com/#search=Form%20features

केवल तरीका यह दोहराने के लिए उपयोग करें/वांछित व्यवहार को दोहराने के लिए एक जावास्क्रिप्ट polyfill बनाने के लिए किया जाएगा।

आप क्रॉस-ब्राउज़र की एक सूची पा सकते हैं यहाँ polyfills:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills

मैं एक form व्यवहार को भरने के लिए नहीं मिला (लेकिन केवल एक मिनट के लिए देखा है, तो अपने आप को जांच)।

मुझे लगता है कि आपको इसके लिए अपना कस्टम पॉलीफ़िल लिखना होगा।

एक साधारण इनलाइन onclick इस प्रकार दिखाई देगा:

<button 
    type="submit" 
    form="myform" 
    onclick="javascript:getElementById(this.getAttribute('form')).submit();" 
>Submit</button> 

JSFiddle: http://jsfiddle.net/mf63k/4/