प्रपत्रों में एचटीएमएल इनपुट टैग और बटन टैग का उपयोग करना

विशेषता प्रकार को "बटन" पर सेट करके, एक साधारण क्लिक करने योग्य बटन जेनरेट किया जाएगा। आप उस मान को परिभाषित कर सकते हैं जो बटन पर दिखाई देगा, जैसे "विशेषता", मान विशेषता का उपयोग करके।

उदाहरण के लिए:

<इनपुट प्रकार = "बटन" मान = "जमा करें">

ध्यान रखें कि <इनपुट> टैग एक HTML फॉर्म सबमिट नहीं करेगा; फ़ॉर्म डेटा सबमिशन को संभालने के लिए आपको अभी भी जावास्क्रिप्ट को शामिल करने की आवश्यकता होगी। एक जावास्क्रिप्ट ऑनक्लिक घटना के बिना, बटन क्लिक करने योग्य प्रतीत होता है लेकिन कुछ भी नहीं होगा, और आप अपने पाठकों को निराश करेंगे।

& Lt; बटन & gt; टैग वैकल्पिक

हालांकि बटन बनाने के लिए इनपुट टैग का उपयोग करने के उद्देश्य से, यह आपकी वेबसाइट HTML बटन बनाने के लिए <बटन> टैग का उपयोग करने का एक बेहतर विकल्प है। <बटन> टैग अधिक लचीला है क्योंकि यह आपको बटन के लिए छवियों का उपयोग करने की अनुमति देता है (उदाहरण के लिए, यदि आपकी साइट में डिज़ाइन थीम है तो दृश्य दृश्यता को संरक्षित करने में आपकी सहायता करता है), और इसे सबमिट या रीसेट प्रकार के बटन के रूप में परिभाषित किया जा सकता है बिना किसी अतिरिक्त जावास्क्रिप्ट की आवश्यकता के।

आप किसी भी <बटन> टैग में बटन प्रकार विशेषता निर्दिष्ट करना चाहेंगे। तीन अलग-अलग प्रकार हैं:

• बटन - बटन में कोई अंतर्निहित व्यवहार नहीं है लेकिन क्लाइंट-साइड पर चलने वाली स्क्रिप्ट के संयोजन के साथ प्रयोग किया जाता है जिसे बटन से जोड़ा जा सकता है और इसे क्लिक होने पर निष्पादित किया जा सकता है।
• रीसेट - सभी मान रीसेट करता है।
• सबमिट करें - बटन सर्वर पर फॉर्म डेटा सबमिट करता है (यदि कोई प्रकार परिभाषित नहीं किया गया है तो यह डिफ़ॉल्ट मान)।

अन्य विशेषताओं में शामिल हैं:

• नाम - बटन को एक संदर्भ नाम देता है।
• मान - बटन को प्रारंभ में निर्दिष्ट करने के लिए मान निर्दिष्ट करता है।
• अक्षम करें - बटन बंद कर देता है।

एचटीएमएल 5 बटन> टैग में कुछ अतिरिक्त विशेषताओं को जोड़ता है जो आपको अधिक कार्यक्षमता देते हैं।

• ऑटोफोकस - जब पृष्ठ लोड होता है, तो यह निर्दिष्ट करता है कि यह बटन फोकस है। किसी पृष्ठ पर केवल एक ऑटोफोकस का उपयोग किया जा सकता है।
• फॉर्म - मान के रूप में फॉर्म के पहचानकर्ता का उपयोग करके, उसी HTML दस्तावेज़ के भीतर किसी फ़ॉर्म के साथ बटन को संबद्ध करता है। उदाहरण के लिए:
  • <बटन टाइप = "सबमिट करें" फॉर्म = "regform" value = "सबमिट करें"> सबमिट करें
• फॉर्मेशन - केवल टाइप = "सबमिट" और मूल्य के रूप में एक यूआरएल के साथ प्रयोग किया जाता है, यह निर्दिष्ट करता है कि फॉर्म डेटा कहां भेजा जाएगा। उदाहरण के लिए:
  • <बटन प्रकार = "सबमिट करें" formaction = "/ submitted.php"> फ़ॉर्म डेटा को किसी अन्य पृष्ठ पर सबमिट करें
• formenctype - केवल टाइप = "सबमिट" विशेषता के साथ प्रयोग किया जाता है। परिभाषित करता है कि सर्वर पर सबमिट किए जाने पर फ़ॉर्म डेटा को एन्कोड किया जाना है। तीन मान एप्लिकेशन / एक्स-www-form-urlencoded (डिफ़ॉल्ट), मल्टीपार्ट / फॉर्म-डेटा, और टेक्स्ट / सादा हैं।
• formmethod - केवल टाइप = "सबमिट" विशेषता के साथ प्रयोग किया जाता है। यह निर्दिष्ट करता है कि फ़ॉर्म डेटा जमा करते समय किस HTTP विधि का उपयोग करना है, या तो प्राप्त करें या पोस्ट करें।
• formnovalidate - केवल टाइप = "सबमिट" विशेषता के साथ प्रयोग किया जाता है। सबमिट किए जाने पर फॉर्म डेटा मान्य नहीं किया जाएगा।
• formtarget - केवल टाइप = "सबमिट" विशेषता के साथ प्रयोग किया जाता है। यह इंगित करता है कि फ़ॉर्म डेटा सबमिट होने पर साइट प्रतिक्रिया कब प्रदर्शित की जानी चाहिए, जैसे कि एक नई विंडो आदि। मूल्य विकल्प या तो _blank, _self, _parent, _top, या एक विशिष्ट फ्रेम नाम हैं।

यदि आप फॉर्म का उपयोग कर रहे हैं, तो आप HTML रूपों में बटन बनाने और अपनी साइट को और अधिक उपयोगकर्ता के अनुकूल बनाने के तरीके को पढ़ना चाहेंगे।