एचटीएमएल इनपुट फ़ील्ड फॉर्म के बाहर

Question

मेरे पास इनपुट के एक सेट के साथ एक फॉर्म है, और मैं चाहता हूं कि मेरा पृष्ठ रीफ्रेश करे जब उनमें से कोई एक बदल जाए। मेरे पास पृष्ठ के दूसरी तरफ इनपुट का दूसरा सेट है, और सीएसएस लेआउट मेरे लिए उन्हें <form></form> टैग में रखने के लिए सुविधाजनक नहीं बनाता है। मैं सोच रहा था कि क्या कोई तरीका है कि मैं यह सुनिश्चित कर सकता हूं कि <form> टैग के बाहर स्थित "इनपुट" अभी भी उस फ़ॉर्म से जुड़े हुए हैं। क्या कोई तरीका है कि हम इनपुट में "फॉर्म आईडी" असाइन कर सकते हैं?

किसी भी मदद की बहुत सराहना की जाएगी।

धन्यवाद!

Answer 1

एचटीएमएल 5 में, आप उपयोग कर सकते हैं form attribute:

एक रूप से जुड़े तत्व है, डिफ़ॉल्ट रूप से, अपने पूर्वज प्रपत्र तत्व से संबंधित है, लेकिन इस ओवरराइड करने के लिए निर्दिष्ट एक रूप विशेषता हो सकती है।

यदि किसी फ़ॉर्म से जुड़े तत्व में एक फॉर्म विशेषता निर्दिष्ट है, तो उस विशेषता का मान तत्व के मालिक दस्तावेज़ में फ़ॉर्म तत्व की आईडी होना चाहिए।

उदाहरण:

<form id="myform"> 
    <input id="something" type="text"> 
</form> 

<button form="myform" type="submit">Submit that form over there</button> 

लेकिन आप यकीन है कि यह उपयोगकर्ता है कि वास्तव में इन नेत्रहीन अलग प्रपत्र तत्वों से जुड़े हुए हैं के लिए स्पष्ट है बनाना चाहिए।

Answer 2

<input type="text" form="myform" /> मेरे लिए काम किया।

अद्यतन
यह फ़ायर्फ़ॉक्स के साथ महान काम किया, फिर भी मुझे IE 11 में परेशानी दे दी है के रूप में रूप विशेषता (इस लेखन के रूप में) IE के साथ मान्यता प्राप्त नहीं है।

मुझे फॉर्म के अंदर एक छिपी इनपुट फ़ील्ड सेट करना था, और इनपुट के बाहर इनपुट से छुपा इनपुट फ़ील्ड में स्थानांतरित करना था; jQuery का उपयोग कर ऑनक्लिक के साथ।