<button> एलिमेंट का form एट्रिब्यूट
<button> एलिमेंट का form एट्रिब्यूट उन फॉर्म्स को निर्दिष्ट करता है जिनसे बटन संबंधित है। यह बटन को <form> टैग के बाहर रखने की अनुमति देता है लेकिन फिर भी फॉर्म सबमिशन का हिस्सा बनाता है।
वाक्यविन्यास (Syntax)
<button form="form_id">
ऊपर, form_id उस <form> का ID है जिससे बटन संबंधित है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Click to Submit</button> </body> </html>
आउटपुट
बटन फॉर्म का हिस्सा है (भले ही बाहर रखा गया हो):
कोड विश्लेषण
उपरोक्त उदाहरण में, हमने एक फॉर्म सेट किया और फॉर्म एलिमेंट्स जोड़े:
<form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form>
इसके साथ, हमने फॉर्म के बाहर एक बटन सेट किया:
<button type="submit" form="form1" value="Submit">Click to Submit</button>
चूंकि हमने बटन में फॉर्म ID सेट किया है, इसलिए यह अभी भी उसी फॉर्म से संबंधित होगा। यह <button> form एट्रिब्यूट का उपयोग करके संभव है।
उपयोग के मामले
- लेआउट कारणों से बटन को फॉर्म के बाहर रखना (जैसे स्टिकी फुटर में सबमिट बटन)।
- एक बटन को कई फॉर्म्स से जोड़ना (नहीं, एक बटन केवल एक फॉर्म से जुड़ सकता है)।
<input type="submit" form="...">,<textarea form="...">,<select form="...">पर भी काम करता है।
ब्राउज़र समर्थन
सभी आधुनिक ब्राउज़र समर्थन करते हैं (IE समर्थित नहीं)।
