प्रपत्रों में HTML इनपुट टैग का उपयोग करके बटन बनाना

click fraud protection

में अनुकूलन योग्य टेक्स्ट बटन बनाएं एचटीएमएल का उपयोग इनपुट टैग। इनपुट तत्व का उपयोग a. के भीतर किया जाता है प्रपत्र तत्व।

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


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

'बटन' टैग वैकल्पिक

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

instagram viewer

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

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

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

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

बटन के साथ आगे जाना

HTML5 इसमें अतिरिक्त विशेषताएँ जोड़ता है बटन टैग जो इसकी कार्यक्षमता बढ़ाता है।

  • ऑटोफोकस: जब पृष्ठ लोड होता है, तो यह विकल्प निर्दिष्ट करता है कि यह बटन फोकस है। एक पेज पर केवल एक ऑटोफोकस का उपयोग किया जा सकता है।
  • प्रपत्र: मान के रूप में प्रपत्र के पहचानकर्ता का उपयोग करते हुए, एक ही HTML दस्तावेज़ के भीतर एक विशिष्ट प्रपत्र के साथ बटन को संबद्ध करता है।
  • गठन: केवल साथ प्रयोग किया जाता है टाइप = "सबमिट करें" और मान के रूप में एक URL, यह निर्दिष्ट करता है कि प्रपत्र डेटा कहाँ भेजा जाएगा। अक्सर, गंतव्य एक PHP स्क्रिप्ट या ऐसा ही कुछ होता है,
  • फॉर्मेंक्टाइप: केवल साथ प्रयोग किया जाता है टाइप = "सबमिट करें" विशेषता। परिभाषित करता है कि सर्वर पर सबमिट किए जाने पर फॉर्म डेटा को कैसे एन्कोड किया जाना है। तीन मान हैं आवेदन/x-www-form-urlencoded (चूक), मल्टीपार्ट/फॉर्म-डेटा, तथा पाठ / सादा।
  • फॉर्ममेथड: केवल साथ प्रयोग किया जाता है टाइप = "सबमिट करें" विशेषता। यह निर्दिष्ट करता है कि प्रपत्र डेटा सबमिट करते समय किस HTTP विधि का उपयोग करना है, या तो प्राप्त या पद।
  • फॉर्मनोवालिडेट: केवल साथ प्रयोग किया जाता है टाइप = "सबमिट करें" विशेषता। सबमिट किए जाने पर फॉर्म डेटा मान्य नहीं होगा।
  • प्रारूप लक्ष्य: केवल साथ प्रयोग किया जाता है टाइप = "सबमिट करें" विशेषता। यह इंगित करता है कि प्रपत्र डेटा सबमिट करते समय साइट प्रतिक्रिया कहाँ प्रदर्शित की जानी चाहिए, जैसे कि एक नई विंडो में, आदि। मान विकल्प या तो हैं_रिक्त, _स्वयं, _अभिभावक, _शीर्ष, या एक विशिष्ट फ्रेम नाम।

पर और अधिक पढ़ें HTML रूपों में बटन बनाना, तथा अपनी साइट को और अधिक उपयोगकर्ता के अनुकूल कैसे बनाएं.

instagram story viewer