छिपे हुए HTML बटन

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

HTML इनपुट्स

HTML फॉर्म इनपुट तत्वों का उपयोग करते हैं। बटन, चेक-बॉक्स, पाठ-क्षेत्र और अधिक सहित विभिन्न प्रकार के इनपुट तत्व हैं। इनपुट तत्व के लिए "प्रकार" विशेषता पृष्ठ के भीतर इसकी उपस्थिति और कार्य को निर्धारित करती है। इनपुट तत्व के "प्रकार" की विशेषता को "हिडन" सेट करना एक छिपे हुए फॉर्म फ़ील्ड को बनाता है। निम्न नमूना मार्कअप प्रदर्शित करता है:

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

सीएसएस दृश्यता

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

input.hide {दृश्यता: छिपा हुआ; }

यह निम्नलिखित बटन के लिए काम करेगा:

जावास्क्रिप्ट कार्य

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

विचार

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