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

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

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

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

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

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

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

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

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

  1. HTML DOM Input Text placeholder प्रॉपर्टी HTML DOM Input Text placeholder प्रॉपर्टी

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

  1. HTML DOM Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

  1. HTML placeholder एट्रिब्यूट HTML placeholder एट्रिब्यूट

    परिचय HTML placeholder एट्रिब्यूट वह टेक्स्ट दर्शाता है जो <input> या <textarea> एलिमेंट में उपयोगकर्ता द्वारा कुछ भी दर्ज करने से पहले प्रदर्शित होता है। यह उपयोगकर्ता को अपेक्षित इनपुट प्रारूप या सामग्री का संकेत देता है। सिंटैक्स <tagname placeholder=text></tagname> उदाह