Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

इनपुट फ़ील्ड लेबल के रूप में प्लेसहोल्डर टेक्स्ट का उपयोग न करें — जब तक...

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

नीचे दिए गए इनपुट फ़ील्ड के अंदर टाइप करने का प्रयास करें और देखें कि क्या होता है:

जैसे ही आप टाइप करना शुरू करते हैं प्लेसहोल्डर टेक्स्ट गायब हो जाता है।

यह समस्या क्यों है? क्योंकि आपके औसत ईमेल और पासवर्ड लॉगिन फ़ॉर्म की तुलना में बड़े रूप में, उपयोगकर्ता आसानी से कर सकता है इस बारे में भ्रमित हो जाते हैं कि क्या उन्होंने फ़ॉर्म को सही ढंग से भरा है यदि वे इनपुट फ़ील्ड लेबल (यहाँ प्लेसहोल्डर टेक्स्ट केवल लेबल के रूप में काम कर रहे हैं) नहीं देख सकते हैं, जैसे ही उन्होंने इसके अंदर टाइप किया है।

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

दुर्भाग्य से, आप अपने उपयोगकर्ताओं को भ्रमित करने का जोखिम भी उठाते हैं, जो कि आखिरी चीज है जो आप चाहते हैं।

सौभाग्य से, इस समस्या का एक समाधान है, जो आपको उपयोगकर्ता को सभी आवश्यक जानकारी प्रदान करते हुए एक स्वच्छ UI रखने की अनुमति देता है। इसे फ्लोटिंग लेबल कहते हैं।


  1. HTML DOM इनपुट टेक्स्ट प्लेसहोल्डर प्रॉपर्टी

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

  1. HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट

    HTML DOM इनपुट टेक्स्ट ऑब्जेक्ट टेक्स्ट प्रकार के साथ तत्व से जुड़ा है। हम क्रमशः createElement () और getElementById () विधि का उपयोग करके टाइप टेक्स्ट के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण टेक्स्ट ऑब्जेक्ट के गुण निम्नलिखित हैं - संपत्ति विवरण स्वतः पूर्ण किसी टेक्स्ट फ़ील्ड का स

  1. HTML प्लेसहोल्डर विशेषता

    HTML प्लेसहोल्डर विशेषता उस पाठ का प्रतिनिधित्व करती है जो इनपुट/पाठ क्षेत्र . में प्रदर्शित होता है उपयोगकर्ता द्वारा कुछ भी दर्ज करने से पहले तत्व। सिंटैक्स निम्नलिखित वाक्य रचना है - आइए हम HTML प्लेसहोल्डर विशेषता का एक उदाहरण देखें - उदाहरण शरीर { रंग:#000; ऊंचाई:100 वीएच; पृष्ठभूमि-रंग: