जावास्क्रिप्ट बटन लेबल

| | | | | | | | | | | | | | | | | | | | | |

HTML बटन टैग का उपयोग HTML फॉर्म में क्लिक करने योग्य बटन बनाने के लिए किया जाता है। यह उपयोगकर्ता को किसी वेबसाइट पर किसी न किसी रूप में जानकारी जमा करने की अनुमति देता है। बटन शैली को CSS से नियंत्रित किया जा सकता है।

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

वह जगह है जहां HTML tag। हम उन विशेषताओं पर भी चर्चा करेंगे जिनका उपयोग आप कस्टम बटन बनाने के लिए कर सकते हैं और कार्रवाई में इन विशेषताओं के कुछ उदाहरणों का पता लगा सकते हैं।

अपडेट किया गया HTML फ़ॉर्म

HTML प्रपत्र वेब पेज पर विभिन्न प्रकार के उपयोगकर्ता इनपुट, जैसे नाम, नंबर फोन या पते एकत्र करने के लिए उपयोग किया जाता है।

प्रत्येक फॉर्म में इनपुट तत्व होते हैं जो उपयोगकर्ताओं को साइट पर जानकारी सबमिट करने की अनुमति देते हैं। उदाहरण के लिए, एक वेब पेज में एक ऑर्डर फॉर्म हो सकता है जिसमें उपयोगकर्ता नाम, जन्म तिथि, क्रेडिट कार्ड की जानकारी और बहुत कुछ एकत्र करने के लिए फॉर्म तत्व होते हैं।

<द / कोड> का उपयोग किया जाता है HTML में एक फॉर्म बनाने के लिए। यहाँ का एक सरल उदाहरण दिया गया है जिसका उपयोग एक ऐसी आकृति बनाने के लिए किया जाता है जो उपयोगकर्ता के नाम को एकत्रित करती है:

एक फॉर्म टैग में कई <इनपुट> टैग शामिल हो सकते हैं। कोड> या अन्य उपयोगकर्ता इनपुट आइटम जैसे चयन बॉक्स। इसके अतिरिक्त, एक फॉर्म में एक अपना बूटकैंप मैच ढूंढें

यहां हमारा बटन कैसा दिखता है एक वेब पेज:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 डब्ल्यू SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

अब है कि हम अपने वेब पेज पर एक बटन है, एक उपयोगकर्ता कर सकते हैं

जानकारी प्रपत्र में दर्ज किया गया दर्ज करें। की अलग-अलग व्याख्या करते हैं। उदाहरण के लिए, इंटरनेट एक्सप्लोरर, संस्करण 9 से पहले, टैग में कई विशेषताएं शामिल हैं जिनका उपयोग बनाने के लिए किया जा सकता है एक कस्टम बटन। इसके अतिरिक्त, की मुख्य विशेषताओं को विस्तार से देखें।

autofocus का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि एक बटन को वेब पेज लोड होने पर स्वचालित रूप से फोकस प्राप्त करता है। यहां सिंटैक्स <कोड>ऑटोफोकस है:

अक्षम

अक्षम बटन पर विशेषता को निष्क्रिय कर देता है, जिसका अर्थ है कि उपयोगकर्ता लेख के साथ इंटरैक्ट नहीं कर सकते हैं। यहाँ वाक्य रचना है अक्षम:

जैसा कि आप नीचे देख सकते हैं, हमारा बटन धूसर हो गया है और उस पर क्लिक नहीं किया जा सकता है:

 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW

आकृति

<कोड> प्रपत्र प्रयोग किया जाता है एक बटन तत्व को किसी प्रपत्र से जोड़ने के लिए। फ़ॉर्म <विशेषता / कोड> का मान उस फ़ॉर्म के id के समान होना चाहिए जिससे फ़ॉर्म संदर्भित होता है। यहां इसका एक उदाहरण है फॉर्म विशेषता जो सबमिट बटन को हमारे पिज्जा फॉर्म से जोड़ती है:

form एट्रिब्यूट ने हमारे बटन को आइडेंटिफायर पिज्जा के साथ शेप से लिंक किया है। इसलिए जब हम अपने बटन पर क्लिक करते हैं, तो हमारा फॉर्म इसके साथ भेजा जाएगा आईडी पिज्जा.

प्रशिक्षण

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

यहां प्रशिक्षण विशेषता का एक उदाहरण दिया गया है इस्तेमाल किया गया:

formenctype

formenctype विशेषता निर्दिष्ट करता है कि सर्वर पर भेजे जाने पर फॉर्म को कैसे एन्क्रिप्ट किया जाना चाहिए . इस विशेषता का उपयोग केवल आपके फ़ॉर्म में "= `post`" विशेषता का उपयोग करते समय किया जाना चाहिए।

यहां formenctype का एक उदाहरण भेजा गया है जब हमारा बटन क्लिक किया जाता है तो सर्वर को सादा पाठ:

यहाँ वाक्य रचना है formmethod:

formnovalidate

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

यहां formnovalidate का एक उदाहरण दिया गया है क्रिया:

फॉर्मेटगेट

formtarget सर्वर द्वारा भेजे जाने वाले प्रत्युत्तर के लिए गंतव्य स्थान सेट करता है जब फॉर्म सबमिट किए जाने के बाद स्वीकृत मान इस विशेषता के लिए हैं:। _blank, _self, _parent, _top <. / code>, या आपके Uframe का नाम

यहां वाक्य रचना है formtarget :

 है जो उपयोगकर्ता को तैयार होने पर अपने ऑर्डर की जानकारी सबमिट करने की अनुमति देता है। 

इस ट्यूटोरियल में, हमने HTML में का उपयोग करके बटन बनाने के लिए तैयार हैं। एक विशेषज्ञ की तरह!