पाठ इनपुट फ़ील्ड

वर्डप्रेस फॉर्म के लिए बहुमुखी टेक्स्ट संग्रह

सटीकता और लचीलेपन के साथ टेक्स्ट एकत्र करें। सरल नामों से लेकर जटिल पैटर्न तक, अंतर्निहित सत्यापन, स्मार्ट फ़ॉर्मेटिंग और शक्तिशाली अनुकूलन के साथ - टेक्स्ट इनपुट फ़ील्ड वर्ण सीमा, ऑटो-फ़ॉर्मेटिंग और सुरक्षित पासवर्ड मोड के साथ किसी भी उपयोग के मामले के अनुकूल हो जाता है।

पाठ का क्षेत्र

हर वर्डप्रेस फॉर्म का आधार

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

के लिये बिल्कुल उचित:

  • नाम संबंधी फ़ील्ड (पहला नाम, अंतिम नाम, पूरा नाम)
  • उपयोगकर्ता नाम और पासवर्ड इनपुट
  • पता पंक्तियाँ और स्थान डेटा
  • फ़ोन नंबर और संपर्क जानकारी
  • संदर्भ कोड और आईडी
  • टिप्पणियाँ और संक्षिप्त संदेश
  • अनुकूलित पाठ प्रविष्टियाँ

हर उपयोग के लिए शक्तिशाली विशेषताएं

📏 स्मार्ट लेंथ कंट्रोल

न्यूनतम और अधिकतम अक्षर सीमाएँ
टेक्स्ट प्रविष्टियों की सबसे छोटी और सबसे लंबी सीमा निर्धारित करें। ब्राउज़र में मौजूद सत्यापन प्रणाली की मदद से बहुत छोटे या बहुत लंबे सबमिशन को रोकें।

वास्तविक समय सत्यापन
यदि आपकी प्रविष्टि लंबाई संबंधी आवश्यकताओं को पूरा नहीं करती है, तो उपयोगकर्ताओं को तुरंत प्रतिक्रिया मिल जाती है - जमा करने के बाद कोई अप्रत्याशित स्थिति नहीं होती।

उदाहरण:

  • उपयोगकर्ता नाम: न्यूनतम 3, अधिकतम 20 अक्षर
  • पोस्टल कोड: न्यूनतम 5, अधिकतम 10 अक्षर
  • नाम: न्यूनतम 2, अधिकतम 50 अक्षर
  • टिप्पणी: अधिकतम 500 अक्षर

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

✅ अंतर्निहित सत्यापन पैटर्न

6 पूर्व-निर्धारित सत्यापन प्रकार:

  • 1. कोई नहीं – कोई भी टेक्स्ट स्वीकार करें (डिफ़ॉल्ट)
    2. ईमेल – ईमेल के सही प्रारूप को सत्यापित करता है ([ईमेल संरक्षित])
    3. यूआरएल – वैध वेब पते आवश्यक हैं (https://example.com)
    4. केवल अक्षर – केवल वर्णमाला के अक्षर और रिक्त स्थान (जॉन डो)
    5. केवल संख्याएँ – केवल अंकीय अंक (123456)
    6. अल्फ़ान्यूमेरिक – अक्षर और संख्याएँ, कोई विशेष वर्ण नहीं (User123)

साथ ही कस्टम पैटर्न:

  • विशेष प्रारूपों के लिए अपनी स्वयं की रेगुलर एक्सप्रेशन वैलिडेशन परिभाषित करें, जैसे:
  • लाइसेंस प्लेट: `^[AZ]{3}[0-9]{4}$`
  • उत्पाद कोड: `^[AZ]{2}[0-9]{6}$`
  • आपके व्यवसाय के लिए विशिष्ट अनुकूलित प्रारूप

तत्काल प्रतिक्रिया:
यदि उपयोगकर्ताओं द्वारा दर्ज किया गया डेटा अपेक्षित प्रारूप से मेल नहीं खाता है, तो उन्हें स्पष्ट त्रुटि संदेश दिखाई देंगे।

✂️ स्वचालित व्हाइटस्पेस ट्रिमिंग

डेटा को स्वचालित रूप से साफ़ करें
टेक्स्ट एंट्री के शुरू और अंत में गलती से आए स्पेस हटा दें। अब “John” की जगह “John” नहीं लिखना है।

बक्सों का इस्तेमाल करें:

  • ईमेल पते (अंत में रिक्त स्थान न हों)
  • उपयोगकर्ता नाम (शुरुआती रिक्त स्थान नहीं)
  • संदर्भ कोड (सटीक मिलान)
  • कोई भी ऐसा क्षेत्र जहाँ सटीकता मायने रखती हो

लाभ:
यह उपयोगकर्ता त्रुटियों को कम करता है, डेटा की स्थिरता में सुधार करता है, सत्यापन संबंधी समस्याओं को रोकता है और मिलान और खोज को सरल बनाता है।

🔒 पासवर्ड मोड

सुरक्षित इनपुट मास्किंग
किसी भी टेक्स्ट फ़ील्ड को पासवर्ड फ़ील्ड में बदलें। संवेदनशील जानकारी को अनधिकृत उपयोगकर्ताओं से बचाने के लिए अक्षर बिंदुओं (•••) के रूप में दिखाई देते हैं।

के लिये बिल्कुल उचित:

  • पासवर्ड और पिन दर्ज करें
  • सुरक्षा कोड और टोकन
  • गोपनीय पहचान संख्याएँ
  • दो-कारक प्रमाणीकरण कोड

स्मार्ट व्यवहार:
पासवर्ड मोड सुरक्षा सुनिश्चित करने के लिए टेक्स्ट ट्रांसफॉर्मेशन और विशेष इनपुट प्रकार जैसी परस्पर विरोधी सुविधाओं को स्वचालित रूप से अक्षम कर देता है।

📱 स्मार्ट इनपुट प्रकार

मोबाइल और डेस्कटॉप के लिए अनुकूलित:

  • सामान्य पाठ – सामान्य उपयोग के लिए मानक पाठ इनपुट
  • खोज – त्वरित रीसेट के लिए अंतर्निर्मित क्लियर बटन (X) शामिल है
  • टेलीफ़ोन – मोबाइल उपकरणों पर फ़ोन नंबर दर्ज करना आसान बनाने के लिए न्यूमेरिक कीपैड को सक्रिय करता है
  • URL – .com और .org शॉर्टकट के साथ विशेष मोबाइल कीबोर्ड दिखाता है

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

🎨 स्वचालित पाठ रूपांतरण

उपयोगकर्ताओं द्वारा टाइप किए जाने पर टेक्स्ट को फॉर्मेट करें:

  • कोई रूपांतरण नहीं – टेक्स्ट जैसा दर्ज किया गया है वैसा ही रहेगा
  • UPPERCASE – सभी टेक्स्ट को बड़े अक्षरों में बदल देता है (JOHN DOE)
  • lowercase – सभी टेक्स्ट को छोटे अक्षरों में बदल देता है (जॉन डो)
  • पहला अक्षर कैपिटल करें – केवल पहला अक्षर कैपिटल में लिखें (John doe)
  • शीर्षक केस – प्रत्येक शब्द का पहला अक्षर (जॉन डो)

के लिये बिल्कुल उचित:

  • बड़े अक्षरों में: लाइसेंस प्लेट, राज्य कोड, उत्पाद आईडी
  • छोटे अक्षर: ईमेल पते, उपयोगकर्ता नाम
  • वाक्य की शुरुआत और एकल नामों के पहले अक्षर को बड़े अक्षरों में लिखें।
  • उपाधि संबंधी मामले: पूर्ण नाम, पते, उपाधियाँ

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

🙈 हिडन फील्ड मोड

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

बक्सों का इस्तेमाल करें:

  • UTM ट्रैकिंग पैरामीटर
  • रेफरल स्रोत आईडी
  • फॉर्म संस्करण संख्याएँ
  • टाइमस्टैम्प मार्कर
  • छिपे हुए मेटाडेटा

यह कैसे काम करता है:
"हिडन वैल्यू" सेट करें और यह आपके फॉर्म के यूजर इंटरफेस को अव्यवस्थित किए बिना हर फॉर्म सबमिशन में स्वचालित रूप से शामिल हो जाएगा।

🔀 सशर्त तर्क

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

उन्नत तर्क नियम:

  • AND लॉजिक – सभी शर्तें पूरी होनी चाहिए
  • OR लॉजिक – कोई भी स्थिति क्रिया को ट्रिगर कर सकती है
  • 8 ऑपरेटर – बराबर, बराबर नहीं, से बड़ा, से छोटा, शामिल है, खाली है, और भी बहुत कुछ

बक्सों का इस्तेमाल करें:

  • "कंपनी का नाम" केवल तभी दिखाएं जब उपयोगकर्ता द्वारा टाइप किया गया डेटा "व्यवसाय" के बराबर हो।
  • जब “आपने हमारे बारे में कैसे सुना?” में “रेफरल” शामिल हो, तो “रेफरल स्रोत” प्रदर्शित करें।
  • जब प्राथमिक विकल्प खाली न हो तो "अन्य विवरण" को छिपाएँ
  • जब ऑर्डर का मूल्य $100 से अधिक हो, तब "प्रोमो कोड" दिखाएँ।

🎯 बेहतर उपयोगकर्ता अनुभव

इसमें अंतर्निहित स्मार्ट फीचर्स:

  • डिफ़ॉल्ट मान – कार्य पूरा करने में तेज़ी लाने के लिए फ़ील्ड पहले से भरें
  • प्लेसहोल्डर टेक्स्ट – उपयोगकर्ताओं के टाइप करने से पहले उपयोगी संकेत दिखाएं
  • सहायता पाठ – दर्ज करने के लिए जानकारी स्पष्ट करने हेतु विवरण जोड़ें
  • अनिवार्य सत्यापन – स्पष्ट संकेतकों के साथ फ़ील्ड को अनिवार्य बनाएं
  • कस्टम सीएसएस क्लासेस – अपने ब्रांड से मेल खाने वाली कस्टम स्टाइलिंग लागू करें
  • अभिगम्यता सहायता – स्क्रीन रीडर के लिए ARIA लेबल
  • मोबाइल के लिए अनुकूलित – उपयुक्त कीबोर्ड के साथ टच-फ्रेंडली इनपुट

3 आसान चरणों में सेटअप करें

कुछ ही मिनटों में अपना टेक्स्ट इनपुट फ़ील्ड तैयार करें

1
🎯

टेक्स्ट फ़ील्ड जोड़ें

बेसिक फील्ड्स सेक्शन से टेक्स्ट इनपुट फील्ड को खींचकर अपने फॉर्म में छोड़ दें।

2
⚙️

सत्यापन और सीमाएँ निर्धारित करें

सत्यापन का प्रकार चुनें (ईमेल, यूआरएल, अक्षर, आदि), न्यूनतम/अधिकतम वर्ण सीमा निर्धारित करें, और वैकल्पिक रूप से पासवर्ड मोड या व्हाइटस्पेस ट्रिमिंग को सक्षम करें।

3

फ़ॉर्मेटिंग कॉन्फ़िगर करें

मोबाइल ऑप्टिमाइज़ेशन के लिए इनपुट प्रकार चुनें, टेक्स्ट ट्रांसफॉर्मेशन (अपरकेस, लोअरकेस, आदि) चुनें और डिफ़ॉल्ट मान या प्लेसहोल्डर सेट करें।

🎉 बस इतना ही! आपका टेक्स्ट फ़ील्ड स्मार्ट वैलिडेशन और फ़ॉर्मेटिंग के साथ तैयार है।

वास्तविक दुनिया के अनुप्रयोग

अनुप्रयोगों

उपयोगकर्ता का पंजीकरण

* लंबाई सीमा वाले उपयोगकर्ता नाम फ़ील्ड
* मास्किंग के साथ पासवर्ड इनपुट
* शीर्षक केस फ़ॉर्मेटिंग के साथ नाम फ़ील्ड
* सत्यापन सहित ईमेल पते

संपर्क प्रपत्र

संपर्क प्रपत्र

* उपाधि के अक्षरों सहित पूरा नाम
* ईमेल सत्यापन
* फ़ोन नंबर जिनमें टेलीफ़ोन इनपुट शामिल है
* संदेश/टिप्पणी फ़ील्ड

उत्पाद का चयन

ई वाणिज्य

* प्रोमो कोड दर्ज करें (बड़े अक्षरों में)
* उपहार संदेश फ़ील्ड
* विशेष निर्देश
* शिपिंग संबंधी नोट्स

व्यावसायिक अनुप्रयोग

व्यावसायिक अनुप्रयोग

* कर्मचारी आईडी संख्या
* विभाग के नाम
* संदर्भ क्रमांक
* आंतरिक कोड

आवेदन पत्र

आवेदन एवं पंजीकरण

* लाइसेंस संख्या
* प्रमाणन कोड
* सदस्यता आईडी
* कस्टम पहचानकर्ता

खोज और फ़िल्टरिंग

खोज और फ़िल्टरिंग

* क्लियर बटन के साथ सर्च इनपुट
* टेक्स्ट फ़ील्ड को फ़िल्टर करें
* कीवर्ड प्रविष्टियाँ
* क्वेरी इनपुट

फ़ील्ड विकल्पों को पूरा करें

बुनियादी विन्यास

  • फ़ील्ड लेबल – टेक्स्ट फ़ील्ड के ऊपर प्रदर्शित शीर्षक
  • विवरण/सहायता पाठ – उपयोगकर्ताओं के लिए अतिरिक्त मार्गदर्शन
  • आवश्यक फ़ील्ड – टेक्स्ट एंट्री अनिवार्य करें
  • प्लेसहोल्डर टेक्स्ट – उपयोगकर्ताओं द्वारा टाइप करने से पहले संकेत टेक्स्ट

लंबाई सत्यापन

  • न्यूनतम लंबाई – अनुमत अक्षरों की न्यूनतम संख्या (मान्यकरण)
  • अधिकतम लंबाई – अनुमत अक्षरों की अधिकतम सीमा (कठोर सीमा)

डिफ़ॉल्ट मान

  • डिफ़ॉल्ट मान – फ़ॉर्म लोड होने पर पहले से भरा हुआ टेक्स्ट
  • छिपा हुआ मान – छिपे हुए फ़ील्ड के लिए मान (जब छिपा हुआ मोड सक्षम हो)

सुरक्षा और गोपनीयता

  • पासवर्ड फ़ील्ड – पासवर्ड के रूप में इनपुट को छिपाएँ (बिंदु ••• दिखाता है)
    छिपा हुआ फ़ील्ड – फ़ील्ड को अदृश्य रखें लेकिन सबमिशन में शामिल करें

डेटा की गुणवत्ता

रिक्त स्थान हटाएं – शुरुआत और अंत से अतिरिक्त रिक्त स्थान स्वचालित रूप से हटा दें

सत्यापन नियम

  • सत्यापन प्रकार
  • कोई पाठ नहीं
  • ईमेल ([ईमेल संरक्षित])
  • यूआरएल (https://example.com)
  • केवल पत्र (केवल एरिज़ोना)
  • केवल संख्याएँ (केवल 0-9)
  • अल्फ़ान्यूमेरिक (AZ और 0-9)
  • कस्टम पैटर्न (रेगुलर एक्सप्रेशन)
  • कस्टम पैटर्न – कस्टम सत्यापन के लिए नियमित अभिव्यक्ति (जब "कस्टम" चुना जाता है)

इनपुट प्रकार

  • निवेष का प्रकार
  • सामान्य पाठ
  • खोजें (स्पष्ट बटन के साथ)
  • टेलीफोन (मोबाइल पर संख्यात्मक कीपैड)
  • यूआरएल (विशेष मोबाइल कीबोर्ड)

पाठ स्वरूपण

  • पाठ रूपांतरण
  • कोई परिवर्तन नहीं
  • अपरकेस
  • लोअरकेस
  • पहले अक्षर को कैपिटल करें
  • शीर्षक खाना

सशर्त तर्क

  • सशर्त तर्क सक्षम करें – शर्तों के आधार पर दिखाएँ/छिपाएँ
  • तर्क प्रकार
  • सभी शर्तें पूरी होनी चाहिए (और)
  • कोई भी शर्त पूरी हो सकती है (या)
  • शर्त नियम
  • दिखाएँ/छिपाएँ – की जाने वाली कार्रवाई
  • फ़ील्ड – किस फ़ील्ड की जाँच करनी है
  • ऑपरेटर – बराबर, बराबर नहीं, शामिल है, से बड़ा, से छोटा, खाली है, खाली नहीं है
  • मूल्य – तुलनात्मक मूल्य
  • एकाधिक शर्तें – असीमित नियम जोड़ें

उन्नत विकल्प

  • कस्टम सीएसएस क्लासेस – कस्टम स्टाइलिंग लागू करें
  • अभिगम्यता विशेषताएँ – ARIA लेबल और विवरण
ऑटो फॉर्म बिल्डर - डेमो

आप हमारे टेक्स्ट इनपुट फ़ील्ड को क्यों चुनें?

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

अक्सर पूछे जाने वाले प्रश्न

प्रश्न: न्यूनतम/अधिकतम लंबाई और सत्यापन में क्या अंतर है?

न्यूनतम/अधिकतम लंबाई यह नियंत्रित करती है कि कितने अक्षर अनुमत हैं। सत्यापन यह नियंत्रित करता है कि कौन से अक्षर अनुमत हैं, जैसे कि केवल अक्षर, केवल संख्याएँ, या ईमेल प्रारूप।

प्रश्न: क्या मैं लंबाई और प्रारूप दोनों को मान्य कर सकता हूँ?

हाँ। न्यूनतम/अधिकतम लंबाई को सत्यापन नियमों के साथ संयोजित करें। उदाहरण के लिए, उपयोगकर्ता नाम फ़ील्ड के लिए न्यूनतम 3, अधिकतम 15 और अल्फ़ान्यूमेरिक सत्यापन सेट करें।

प्रश्न: पासवर्ड मोड कैसे काम करता है?

पासवर्ड मोड में अक्षरों को बिंदुओं से छिपा दिया जाता है, ठीक वैसे ही जैसे लॉगिन स्क्रीन पर सामान्य पासवर्ड फ़ील्ड में होता है।

प्रश्न: “ट्रिम व्हाइटस्पेस” क्या करता है?

यह सबमिशन से पहले आगे और पीछे के रिक्त स्थानों को हटा देता है ताकि गलती से रह गए रिक्त स्थान सत्यापन को बाधित न करें।

प्रश्न: क्या मैं कस्टम वैलिडेशन पैटर्न बना सकता हूँ?

जी हां। "कस्टम पैटर्न" का उपयोग करें और अपनी आवश्यकतानुसार किसी भी संरचना को लागू करने के लिए एक रेगुलर एक्सप्रेशन जोड़ें।

प्रश्न: टेक्स्ट ट्रांसफॉर्मेशन कैसे काम करते हैं?

उपयोगकर्ता सामान्य रूप से टाइप करता है, और सिस्टम सबमिट करने पर टेक्स्ट को रूपांतरित करता है, जैसे कि उसे टाइटल केस या अपर केस में बदलना।

प्रश्न: खोज इनपुट का प्रकार क्या है?

इसमें एक अंतर्निर्मित क्लियर (X) बटन जोड़ा गया है ताकि उपयोगकर्ता खोज करते समय फ़ील्ड को तुरंत रीसेट कर सकें।

प्रश्न: “tel” इनपुट टाइप का उपयोग क्यों किया जाता है?

मोबाइल पर, यह एक न्यूमेरिक कीपैड खोलता है जिससे फोन की तरह अंक दर्ज करना आसान हो जाता है।

प्रश्न: क्या मैं टेक्स्ट फ़ील्ड के साथ सशर्त तर्क का उपयोग कर सकता हूँ?

जी हां। "शामिल है," "बराबर है," या "खाली है" जैसी शर्तें आपको उपयोगकर्ता के इनपुट के आधार पर फ़ील्ड दिखाने या छिपाने की अनुमति देती हैं।

प्रश्न: हिडन फील्ड का उपयोग किस लिए किया जाता है?

वे उपयोगकर्ता को दिखाई दिए बिना डेटा संग्रहीत करते हैं, जो यूटीएम टैग या रेफरल स्रोतों जैसे मेटाडेटा को ट्रैक करने के लिए उपयोगी है।

प्रश्न: क्या संख्याओं के लिए टेक्स्ट फ़ील्ड का उपयोग किया जा सकता है?

जी हां, लेकिन गणना या संख्यात्मक सत्यापन के लिए संख्या फ़ील्ड का उपयोग करें। जब आपको ऐसे कोड या आईडी की आवश्यकता हो जिन्हें संख्याओं के रूप में नहीं माना जाना चाहिए, तो "केवल संख्याएँ" के साथ टेक्स्ट का उपयोग करें।

प्रश्न: रेगुलर एक्सप्रेशन पैटर्न कितने सटीक हो सकते हैं?

रेगुलर एक्सप्रेशन (Regex) अत्यंत विशिष्ट पैटर्न को लागू कर सकता है। जटिल पैटर्न बनाने या सत्यापित करने के लिए रेगुलर एक्सप्रेशन टेस्टर का उपयोग करें।

क्या आप टेक्स्ट डेटा को बुद्धिमत्तापूर्ण तरीके से एकत्रित करने के लिए तैयार हैं?

स्मार्ट वैलिडेशन, ऑटो-फॉर्मेटिंग और फ्लेक्सिबल टेक्स्ट इनपुट के साथ शक्तिशाली वर्डप्रेस फॉर्म बनाना शुरू करें।