फॉर्म पर एचटीएमएल बटन बनाना

प्रपत्र सबमिट करने के लिए इनपुट टैग का उपयोग करना

एचटीएमएल फॉर्म आपकी वेबसाइट पर अंतःक्रियाशीलता जोड़ने के सबसे बुनियादी तरीकों में से एक हैं। आप प्रश्न पूछ सकते हैं और अपने पाठकों से जवाब मांग सकते हैं, डेटाबेस से अतिरिक्त जानकारी प्रदान कर सकते हैं, गेम सेट अप कर सकते हैं और बहुत कुछ कर सकते हैं। ऐसे कई HTML तत्व हैं जिनका उपयोग आप अपने फॉर्म बनाने के लिए कर सकते हैं। और एक बार जब आप अपना फॉर्म बना लेंगे, तो उस डेटा को सर्वर पर सबमिट करने के कई अलग-अलग तरीके हैं या बस फॉर्म एक्शन चलाना शुरू करें।

ये कई तरीके हैं जिन्हें आप अपने फॉर्म जमा कर सकते हैं:

• <इनपुट प्रकार = "सबमिट करें">
  • सर्वर पर डेटा प्राप्त करने का यह सबसे आम तरीका है, लेकिन यह बहुत सादा दिख सकता है।
• <इनपुट प्रकार = "छवि">
  • किसी छवि का उपयोग करना आपके सबमिट बटन को अपनी साइट की शैली के साथ फिट करना बहुत आसान बनाता है। लेकिन कुछ लोग इसे सबमिट बटन के रूप में नहीं पहचान सकते हैं।
• <इनपुट प्रकार = "बटन">
  • बटन INPUT टैग छवि INPUT टैग के समान विकल्प प्रदान करता है, लेकिन मानक सबमिट प्रकार की तरह दिखता है। इसे सक्रिय करने के लिए जावास्क्रिप्ट की आवश्यकता है।
• <बटन>
  • बटन टैग INPUT टैग की तुलना में अधिक बहुमुखी प्रकार का बटन है। इस टैग को जावास्क्रिप्ट को सक्रिय करने की आवश्यकता है।
• <कमांड टाइप = "कमांड">
  • COMMAND तत्व HTML5 में नया है, और यह संबंधित कार्यों के साथ स्क्रिप्ट और फ़ॉर्म को सक्रिय करने का एक तरीका प्रदान करता है। यह जावास्क्रिप्ट के साथ सक्रिय है।

इनपुट तत्व

INPUT तत्व फ़ॉर्म सबमिट करने का सबसे आम तरीका है, आप जो भी करते हैं वह एक प्रकार (बटन, छवि, या सबमिट) चुनता है और यदि आवश्यक हो तो फॉर्म क्रिया सबमिट करने के लिए कुछ स्क्रिप्टिंग जोड़ें।

<इनपुट प्रकार = "सबमिट करें"> तत्व इस तरह लिखा जा सकता है। लेकिन यदि आप करते हैं, तो आपके पास विभिन्न ब्राउज़रों में अलग-अलग परिणाम होंगे। अधिकांश ब्राउज़र एक बटन बनाते हैं जो "सबमिट करें" कहता है, लेकिन फ़ायरफ़ॉक्स एक बटन बनाता है जो "क्वेरी सबमिट करें" कहता है। बटन कहने के लिए, आपको एक विशेषता जोड़नी चाहिए:

मूल्य = "फॉर्म सबमिट करें">

तत्व इस तरह लिखा जाता है, लेकिन यदि आप अन्य सभी विशेषताओं को छोड़ देते हैं, तो ब्राउज़र में प्रदर्शित होने वाले सभी खाली ग्रे बटन होते हैं। बटन में टेक्स्ट जोड़ने के लिए, मान विशेषता का उपयोग करें। लेकिन जब तक आप जावास्क्रिप्ट का उपयोग नहीं करते हैं तब तक यह बटन फ़ॉर्म सबमिट नहीं करेगा।

onclick = "प्रस्तुत ();">

यह बटन प्रकार के समान है, जिसे फ़ॉर्म सबमिट करने के लिए एक स्क्रिप्ट की आवश्यकता होती है। इसके अलावा टेक्स्ट मान के बजाय, आपको एक छवि स्रोत यूआरएल जोड़ना होगा।

src = "submit.gif">

बटन तत्व

बटन तत्व को एक उद्घाटन टैग और एक बंद टैग दोनों की आवश्यकता होती है जब आप इसका उपयोग करते हैं, तो टैग के अंदर जो भी सामग्री संलग्न होती है, उसे एक बटन में संलग्न किया जाएगा। फिर आप एक स्क्रिप्ट के साथ बटन को सक्रिय करते हैं।

फार्म जमा करें

आप अपने बटन में छवियां शामिल कर सकते हैं या अधिक दिलचस्प बटन बनाने के लिए छवियों और टेक्स्ट को जोड़ सकते हैं।

फार्म जमा करें

कमांड तत्व

COMMAND तत्व HTML5 के साथ नया है। इसे किसी फॉर्म का उपयोग करने की आवश्यकता नहीं है, लेकिन यह फ़ॉर्म के लिए सबमिट बटन के रूप में कार्य कर सकता है। यह तत्व आपको फॉर्मों की आवश्यकता के बिना अधिक इंटरैक्टिव पेज बनाने की अनुमति देता है जब तक कि आपको वास्तव में फ़ॉर्म की आवश्यकता न हो। अगर आप कुछ कहना चाहते हैं, तो आप लेबल विशेषता में जानकारी लिखते हैं।

लेबल = "फॉर्म सबमिट करें">

यदि आप चाहते हैं कि आपका आदेश किसी छवि द्वारा प्रदर्शित किया जाए, तो आप आइकन विशेषता का उपयोग करें।

आइकन = "submit.gif">

यह आलेख HTML फॉर्म ट्यूटोरियल का हिस्सा है । एचटीएमएल फॉर्मों का उपयोग कैसे करें सीखने के लिए पूर्ण ट्यूटोरियल के माध्यम से पढ़ें।

एचटीएमएल फॉर्मों को सबमिट करने के कई अलग-अलग तरीके हैं, जैसा कि आपने पिछले पृष्ठ पर सीखा है। इनमें से दो विधियां INPUT टैग और बटन टैग हैं। इन दोनों तत्वों का उपयोग करने के अच्छे कारण हैं।

इनपुट तत्व

एक फॉर्म जमा करने का सबसे आसान तरीका टैग है। इसे टैग से परे कुछ भी नहीं चाहिए, यहां तक ​​कि एक मूल्य भी नहीं। जब कोई ग्राहक बटन पर क्लिक करता है, तो यह स्वचालित रूप से सबमिट हो जाता है। आपको किसी भी स्क्रिप्ट को जोड़ने की आवश्यकता नहीं है, ब्राउज़र सबमिट करते समय फ़ॉर्म सबमिट करना जानते हैं जब सबमिट इनपुट टैग क्लिक किया जाता है।

समस्या यह है कि यह बटन बहुत बदसूरत और सादा है। आप इसमें छवियां नहीं जोड़ सकते हैं। आप इसे किसी भी अन्य तत्व की तरह स्टाइल कर सकते हैं, लेकिन यह अभी भी एक बदसूरत बटन की तरह महसूस कर सकता है।

INPUT विधि का उपयोग करें जब आपके फॉर्म को जावास्क्रिप्ट बंद करने वाले ब्राउज़र में भी एक्सेसिबल होना चाहिए।

बटन तत्व

बटन तत्व फ़ॉर्म सबमिट करने के लिए और विकल्प प्रदान करता है। आप किसी भी बटन तत्व के अंदर कुछ भी डाल सकते हैं और इसे सबमिट बटन में बदल सकते हैं। आमतौर पर लोग छवियों और पाठ का उपयोग करते हैं। लेकिन आप एक डीआईवी बना सकते हैं और अगर आप चाहें तो पूरी चीज सबमिट बटन बना सकते हैं।

बटन तत्व में सबसे बड़ी कमी यह है कि यह स्वचालित रूप से फॉर्म सबमिट नहीं करता है। इसका मतलब है कि इसे सक्रिय करने के लिए कुछ प्रकार की स्क्रिप्ट होना आवश्यक है। और इसलिए यह INPUT विधि से कम पहुंच योग्य है। कोई भी उपयोगकर्ता जिसने जावास्क्रिप्ट चालू नहीं किया है, उसे सबमिट करने के लिए केवल एक बटन तत्व के साथ फ़ॉर्म सबमिट करने में सक्षम नहीं होगा।

उन फॉर्मों पर बटन विधि का उपयोग करें जो महत्वपूर्ण नहीं हैं। साथ ही, यह एक फॉर्म के भीतर अतिरिक्त सबमिशन विकल्प जोड़ने का एक शानदार तरीका है।

यह आलेख HTML फॉर्म ट्यूटोरियल का हिस्सा है। एचटीएमएल फॉर्मों का उपयोग करने के बारे में और जानने के लिए इसे पढ़ें