यह राइट-अप निम्नलिखित विषयों को कवर करेगा:
- टेक्स्ट इनपुट फ़ील्ड को कैसे अक्षम करें?
- सेलेक्ट बॉक्स विकल्प को कैसे निष्क्रिय करें?
- चेकबॉक्स इनपुट तत्व को कैसे अक्षम करें?
- बटन इनपुट तत्व को अक्षम कैसे करें?
पूर्वापेक्षा: एक प्रपत्र बनाएँ
सबसे पहले, HTML का उपयोग करके एक फॉर्म बनाएं “ <रूप> ' तत्व:
< प्रपत्र < / प्रपत्र >
फिर, 'जोड़ें' <फ़ील्डसेट> 'तत्व और इसे एक वर्ग असाइन करें' कर्नल -12 ”। <किंवदंती> तत्व के भीतर प्रपत्र शीर्षक निर्दिष्ट करें:
< फ़ील्डसेट कक्षा = 'कर्नल-एमडी-12' >
< विख्यात व्यक्ति >छात्र पंजीकरण फॉर्म< / विख्यात व्यक्ति >
< / फ़ील्डसेट >
उत्पादन
टेक्स्ट इनपुट फ़ील्ड को कैसे अक्षम करें?
चल रहे उदाहरण के लिए, दिए गए निर्देशों का पालन करें:
- के अंदर ' <फ़ील्डसेट> 'तत्व, किंवदंती तत्व के बाद, एक टैग जोड़ें और इसे एक वर्ग निर्दिष्ट करें' फार्म समूह ”।
- फिर, शामिल करें ' <लेबल> ' और ' <इनपुट> क्रमशः कैप्शन और इनपुट फ़ील्ड के लिए तत्व। इनपुट तत्व को एक वर्ग असाइन करें ' प्रपत्र नियंत्रण ”।
- उसके बाद, आवंटित करें अक्षम इनपुट फ़ील्ड को अक्षम करने के लिए विशेषता:
< डिव कक्षा = 'रूप-समूह' >
< लेबल > अपना दर्ज करें नाम
< इनपुट प्रकार = 'लेख' कक्षा = 'फॉर्म-कंट्रोल' अक्षम>
< / लेबल >
< / डिव >ऊपर उल्लिखित वर्गों की व्याख्या निम्नलिखित है:
- ' फार्म समूह ” एक लचीला वर्ग है जो रूपों में संरचना को शामिल करने का सबसे सरल तरीका प्रदान करता है।
- ' प्रपत्र नियंत्रण ” स्वचालित रूप से प्रपत्र तत्वों में स्टाइल जोड़ता है।
उत्पादन
बिना एक और इनपुट फ़ील्ड जोड़ें ' अक्षम ' गुण:
< डिव कक्षा = 'रूप-समूह' >
< लेबल > अपने पिता को दर्ज करें नाम
< इनपुट प्रकार = 'लेख' कक्षा = 'फॉर्म-कंट्रोल' >
< / लेबल >
< / डिव >यह देखा जा सकता है कि पहला इनपुट फ़ील्ड अक्षम है और दूसरा सक्षम है:
सेलेक्ट बॉक्स विकल्प को कैसे निष्क्रिय करें?
प्रपत्र में एक चयन बॉक्स बनाने के लिए, HTML का उपयोग करें ' <चुनें> ' तत्व। ' <विकल्प> ” तत्वों को फिर चुनिंदा बॉक्स आइटम में जोड़ा जाता है।
इस उदाहरण में, ध्यान दें कि दूसरा विकल्प '' का उपयोग करके अक्षम के रूप में सेट किया गया है अक्षम ' गुण:
< डिव कक्षा = 'रूप-समूह' >
< लेबल > अक्षम बॉक्स का चयन करें
< चुनते हैं कक्षा = 'फॉर्म-कंट्रोल' >
< विकल्प > चुनें < / विकल्प >
< विकल्प अक्षम> अक्षम चुनें < / विकल्प >
< विकल्प >मेनू< / विकल्प >
< / चुनते हैं >
< / लेबल >
< / डिव >उत्पादन
चेकबॉक्स इनपुट तत्व को कैसे अक्षम करें?
चलिए एक और प्रपत्र नियंत्रण चेकबॉक्स बनाते हैं। चेकबॉक्स को अक्षम करने के लिए, ' अक्षम 'विशेषता इस प्रकार निर्दिष्ट है:
< डिव कक्षा = 'फॉर्म-चेक' >
< लेबल कक्षा = 'फ़ॉर्म-चेक-लेबल' >
< इनपुट कक्षा = 'फॉर्म-चेक-इनपुट' प्रकार = 'चेकबॉक्स' अक्षम>
तुम कर सकते हो इसकी जांच मत करो
उत्पादन
बटन इनपुट तत्व को अक्षम कैसे करें?
आप फ़ॉर्म सबमिशन के लिए एक HTML बटन तत्व भी जोड़ सकते हैं। अब, इस बटन को 'का उपयोग करके अक्षम कर दें' अक्षम ' कक्षा:
< बटन प्रकार = 'प्रस्तुत' कक्षा = 'बीटीएन बीटीएन-प्राथमिक बीटीएन-एलजी अक्षम' >जमा करें< / बटन >उत्पादन
यह बूटस्ट्रैप में इनपुट फ़ील्ड को अक्षम करने के बारे में था।
निष्कर्ष
बूटस्ट्रैप में, 'का उपयोग करके प्रपत्र नियंत्रणों को अक्षम किया जा सकता है' अक्षम 'विशेषता या वर्ग। विशेषता को तत्व के शुरुआती टैग के अंदर रखा गया है। दूसरी ओर, ' अक्षम 'वर्ग' के भीतर रखा गया है कक्षा ' गुण। इस आलेख में बूटस्ट्रैप में प्रपत्र नियंत्रणों को अक्षम करने के तरीके को दर्शाने के लिए उदाहरण दिए गए हैं।