मजकूर इनपुट फील्ड
अचूकता आणि लवचिकतेसह मजकूर गोळा करा. साध्या नावांपासून ते जटिल नमुन्यांपर्यंत, अंगभूत प्रमाणीकरण, स्मार्ट स्वरूपण आणि शक्तिशाली कस्टमायझेशनसह - मजकूर इनपुट फील्ड वर्ण मर्यादा, ऑटो-फॉरमॅटिंग आणि सुरक्षित पासवर्ड मोडसह कोणत्याही वापराच्या बाबतीत अनुकूल आहे.
प्रत्येक वर्डप्रेस फॉर्मचा पाया
यासाठी परिपूर्ण
प्रत्येक वापरासाठी शक्तिशाली वैशिष्ट्ये
📏 स्मार्ट लांबी नियंत्रण
किमान आणि कमाल वर्ण मर्यादा
सर्वात लहान आणि सर्वात लांब मजकूर नोंदी सेट करा. बिल्ट-इन ब्राउझर व्हॅलिडेशनसह खूप लहान किंवा खूप मोठे सबमिशन टाळा.
रिअल-टाइम व्हॅलिडेशन
जर वापरकर्त्यांची नोंद लांबीच्या आवश्यकता पूर्ण करत नसेल तर त्यांना त्वरित अभिप्राय मिळतो - सबमिशन केल्यानंतर कोणतेही आश्चर्य नाही.
उदाहरणे:
- वापरकर्तानाव: किमान ३, कमाल २० वर्ण
- पोस्टल कोड: किमान ५, कमाल १० वर्ण
- नाव: किमान २, कमाल ५० वर्ण
- टिप्पणी: कमाल ५०० वर्ण
हे महत्त्वाचे का आहे:
डेटाची गुणवत्ता नियंत्रित करा, स्पॅम रोखा, डेटाबेस सुसंगतता सुनिश्चित करा आणि वापरकर्त्यांना योग्य प्रमाणात माहिती प्रदान करण्यासाठी मार्गदर्शन करा.
✅ अंगभूत प्रमाणीकरण नमुने
६ पूर्व-कॉन्फिगर केलेले प्रमाणीकरण प्रकार:
- १. काहीही नाही - कोणताही मजकूर स्वीकारा (डिफॉल्ट)
२. ईमेल - योग्य ईमेल फॉरमॅट सत्यापित करते ([ईमेल संरक्षित])
३. URL – वैध वेब पत्ते आवश्यक आहेत (https://example.com)
४. फक्त अक्षरे - फक्त अक्षरे आणि जागा (जॉन डो)
५. फक्त संख्या - फक्त संख्यात्मक अंक (१२३४५६)
६. अल्फान्यूमेरिक - अक्षरे आणि संख्या, विशेष वर्ण नाहीत (User123)
तसेच कस्टम पॅटर्न:
- खालीलसारख्या विशेष स्वरूपांसाठी तुमचे स्वतःचे रेजेक्स प्रमाणीकरण परिभाषित करा:
- परवाना प्लेट्स: `^[AZ]{3}[0-9]{4}$`
- उत्पादन कोड: `^[AZ]{2}[0-9]{6}$`
- तुमच्या व्यवसायासाठी खास कस्टम फॉरमॅट्स
झटपट फीडबॅक:
जर वापरकर्त्यांचा इनपुट आवश्यक स्वरूपाशी जुळत नसेल तर त्यांना स्पष्ट त्रुटी संदेश दिसतात.
✂️ स्वयंचलित व्हाइटस्पेस ट्रिमिंग
डेटा स्वयंचलितपणे साफ करा
मजकूर नोंदींच्या सुरुवातीला आणि शेवटी चुकून जागा काढा. जेव्हा तुम्हाला "जॉन" हवे असेल तेव्हा "जॉन" नको.
प्रकरणे वापरा:
- ईमेल पत्ते (मागील जागा नाहीत)
- वापरकर्तानावे (अग्रणी जागा नाहीत)
- संदर्भ कोड (अचूक जुळणी)
- कोणतेही क्षेत्र जिथे अचूकता महत्त्वाची असते
फायदे:
वापरकर्त्याच्या चुका कमी करते, डेटा सुसंगतता सुधारते, प्रमाणीकरण समस्या टाळते आणि जुळणी आणि शोध सुलभ करते.
🔒 पासवर्ड मोड
सुरक्षित इनपुट मास्किंग
कोणत्याही टेक्स्ट फील्डचे पासवर्ड फील्डमध्ये रूपांतर करा. संवेदनशील माहितीचे संरक्षण करण्यासाठी अक्षरे बिंदू (•••) म्हणून दिसतात.
यासाठी परिपूर्णः
- पासवर्ड आणि पिन नोंदी
- सुरक्षा कोड आणि टोकन
- गोपनीय आयडी क्रमांक
- द्वि-घटक प्रमाणीकरण कोड
स्मार्ट वर्तन:
सुरक्षितता सुनिश्चित करण्यासाठी पासवर्ड मोड मजकूर रूपांतरण आणि विशेष इनपुट प्रकारांसारखी परस्परविरोधी वैशिष्ट्ये स्वयंचलितपणे अक्षम करतो.
📱 स्मार्ट इनपुट प्रकार
मोबाइल आणि डेस्कटॉपसाठी ऑप्टिमाइझ केलेले:
- सामान्य मजकूर - सामान्य वापरासाठी मानक मजकूर इनपुट
- शोध - जलद रीसेटसाठी अंगभूत क्लिअर बटण (X) समाविष्ट आहे.
- टेलिफोन - फोन नंबर एंट्री सुलभ करण्यासाठी मोबाईल उपकरणांवर अंकीय कीपॅड ट्रिगर करते.
- URL – .com, .org शॉर्टकटसह विशेष मोबाइल कीबोर्ड दाखवते.
हे महत्त्वाचे का आहे:
योग्य इनपुट प्रकार मोबाइलवर डेटा एंट्रीला गती देतो, चुका कमी करतो आणि सर्व उपकरणांवर वापरकर्ता अनुभव सुधारतो.
🎨 स्वयंचलित मजकूर परिवर्तन
वापरकर्त्यांच्या टाइपनुसार मजकूर फॉरमॅट करा:
- कोणतेही रूपांतर नाही - मजकूर जसा प्रविष्ट केला आहे तसाच राहतो.
- अपरकेस - सर्व मजकूर मोठ्या अक्षरात रूपांतरित करते (जॉन डो)
- लोअरकेस - सर्व मजकूर लोअरकेसमध्ये रूपांतरित करते (जॉन डो)
- पहिले अक्षर मोठे करा - फक्त पहिले अक्षर मोठे (जॉन डो)
- शीर्षक प्रकरण - प्रत्येक शब्दाचे पहिले अक्षर (जॉन डो)
यासाठी परिपूर्णः
- अपरकेस: लायसन्स प्लेट्स, राज्य कोड, उत्पादन आयडी
- लोअरकेस: ईमेल पत्ते, वापरकर्तानावे
- मोठे करा: वाक्याची सुरुवात, एकेरी नावे
- टायटल केस: पूर्ण नावे, पत्ते, पदव्या
स्मार्ट वर्तन:
सबमिशन दरम्यान, वापरकर्त्यांना त्यांचे मूळ इनपुट दिसत असताना, परिवर्तन आपोआप होते.
🙈 लपलेला फील्ड मोड
अदृश्य डेटा फील्ड
वापरकर्त्यांना दृश्यमान नसलेले फील्ड तयार करा परंतु फॉर्मसह डेटा सबमिट करा. ट्रॅकिंग, रेफरल कोड आणि सिस्टम व्हॅल्यूजसाठी परिपूर्ण.
प्रकरणे वापरा:
- UTM ट्रॅकिंग पॅरामीटर्स
- रेफरल सोर्स आयडी
- फॉर्म आवृत्ती क्रमांक
- टाइमस्टॅम्प मार्कर
- लपलेला मेटाडेटा
हे कसे कार्य करते:
"लपलेले मूल्य" सेट करा आणि ते तुमच्या फॉर्मच्या UI मध्ये गोंधळ न करता प्रत्येक फॉर्म सबमिशनमध्ये स्वयंचलितपणे समाविष्ट होईल.
🔀 सशर्त तर्कशास्त्र
गतिमान फील्ड दृश्यमानता
इतर फॉर्म मूल्यांवर आधारित मजकूर फील्ड दर्शवा किंवा लपवा. वापरकर्त्याच्या इनपुटशी जुळवून घेणारे बुद्धिमान फॉर्म तयार करा.
प्रगत तर्कशास्त्र नियम:
- आणि तर्कशास्त्र - सर्व अटी पूर्ण केल्या पाहिजेत
- किंवा तर्कशास्त्र - कोणतीही स्थिती कृतीला चालना देऊ शकते.
- ८ ऑपरेटर - समान, समान नाही, पेक्षा मोठे, पेक्षा कमी, समाविष्ट आहे, रिक्त आहे, आणि अधिक
प्रकरणे वापरा:
- जेव्हा वापरकर्ता प्रकार "व्यवसाय" च्या बरोबरीचा असेल तेव्हाच "कंपनीचे नाव" दाखवा.
- "तुम्हाला आमच्याबद्दल कसे कळले?" मध्ये "रेफरल" असल्यास "रेफरल सोर्स" दाखवा.
- प्राथमिक पर्याय रिकामा नसल्यास "इतर तपशील" लपवा.
- ऑर्डर मूल्य $१०० पेक्षा जास्त असल्यास "प्रोमो कोड" दाखवा.
🎯 वर्धित वापरकर्ता अनुभव
स्मार्ट वैशिष्ट्ये अंगभूत:
- डीफॉल्ट मूल्ये - पूर्णता जलद करण्यासाठी फील्ड पूर्व-भरा.
- प्लेसहोल्डर मजकूर - वापरकर्ते टाइप करण्यापूर्वी उपयुक्त सूचना दाखवा.
- मदत मजकूर – काय प्रविष्ट करायचे ते स्पष्ट करण्यासाठी वर्णने जोडा.
- आवश्यक प्रमाणीकरण - स्पष्ट निर्देशकांसह फील्ड अनिवार्य करा.
- कस्टम CSS क्लासेस - तुमच्या ब्रँडशी जुळणारे कस्टम स्टाइलिंग लागू करा.
- अॅक्सेसिबिलिटी सपोर्ट - स्क्रीन रीडर्ससाठी ARIA लेबल्स
- मोबाइल ऑप्टिमाइझ्ड - योग्य कीबोर्डसह स्पर्श-अनुकूल इनपुट
३ पायऱ्यांमध्ये साधे सेटअप
तुमचे टेक्स्ट इनपुट फील्ड काही मिनिटांत तयार करा.
मजकूर फील्ड जोडा
बेसिक फील्ड्स विभागातील टेक्स्ट इनपुट फील्ड तुमच्या फॉर्ममध्ये ड्रॅग आणि ड्रॉप करा.
प्रमाणीकरण आणि मर्यादा सेट करा
प्रमाणीकरण प्रकार (ईमेल, URL, अक्षरे, इ.) निवडा, किमान/कमाल वर्ण मर्यादा सेट करा आणि पर्यायीपणे पासवर्ड मोड किंवा व्हाइटस्पेस ट्रिमिंग सक्षम करा.
स्वरूपण कॉन्फिगर करा
मोबाईल ऑप्टिमायझेशनसाठी इनपुट प्रकार निवडा, मजकूर रूपांतरण (अपरकेस, लोअरकेस, इ.) निवडा आणि डीफॉल्ट मूल्ये किंवा प्लेसहोल्डर सेट करा.
🎉 बस्स! तुमचे टेक्स्ट फील्ड स्मार्ट व्हॅलिडेशन आणि फॉरमॅटिंगसह तयार आहे.
वास्तविक-जागतिक अनुप्रयोग
पूर्ण फील्ड पर्याय
मूलभूत संरचना
- फील्ड लेबल - मजकूर फील्डच्या वर दर्शविलेले शीर्षक
- वर्णन/मदत मजकूर – वापरकर्त्यांसाठी अतिरिक्त मार्गदर्शन
- आवश्यक फील्ड - मजकूर प्रविष्टी अनिवार्य करा
- प्लेसहोल्डर मजकूर - वापरकर्ता टाइप करण्यापूर्वी संकेत मजकूर
लांबी प्रमाणीकरण
- किमान लांबी - सर्वात कमी वर्णांना परवानगी (प्रमाणीकरण)
- कमाल लांबी - बहुतेक वर्णांना परवानगी आहे (कठोर मर्यादा)
मुलभूत मुल्य
- डीफॉल्ट मूल्य - फॉर्म लोड झाल्यावर आधीच भरलेला मजकूर
- लपलेले मूल्य - लपलेल्या फील्डसाठी मूल्य (जेव्हा लपलेला मोड सक्षम असतो)
सुरक्षा आणि गोपनीयता
- पासवर्ड फील्ड - पासवर्ड म्हणून इनपुट मास्क करा (बिंदू दाखवते •••)
लपलेले फील्ड - फील्ड अदृश्य करा परंतु सबमिशनमध्ये समाविष्ट करा
डेटा गुणवत्ता
मोकळी जागा ट्रिम करा - सुरुवातीपासून आणि शेवटपर्यंत अतिरिक्त जागा आपोआप काढून टाका.
प्रमाणीकरण नियम
- प्रमाणीकरण प्रकार
- काहीही नाही (कोणताही मजकूर)
- ईमेल ([ईमेल संरक्षित])
- URL (https://example.com)
- फक्त अक्षरे (फक्त AZ)
- फक्त संख्या (फक्त ०-९)
- अल्फान्यूमेरिक (AZ आणि 0-9)
- कस्टम पॅटर्न (रेजेक्स)
- कस्टम पॅटर्न - कस्टम व्हॅलिडेशनसाठी रेग्युलर एक्सप्रेशन (जेव्हा "कस्टम" निवडले जाते)
इनपुट प्रकार
- इनपुट प्रकार
- सामान्य मजकूर
- शोधा (स्पष्ट बटणासह)
- टेलिफोन (मोबाइलवर अंकीय कीपॅड)
- URL (विशेष मोबाइल कीबोर्ड)
मजकूर स्वरूपन
- मजकूर रूपांतरण
- कोणतेही रूपांतर नाही
- अपरकेस
- लोअरकेस
- पहिले अक्षर मोठे करा
- शीर्षक प्रकरण
सशर्त तर्कशास्त्र
- कंडिशनल लॉजिक सक्षम करा - कंडिशन्सवर आधारित दाखवा/लपवा.
- तर्कशास्त्र प्रकार
- सर्व अटी पूर्ण केल्या पाहिजेत (आणि)
- कोणतीही अट पूर्ण केली जाऊ शकते (OR)
- अटींचे नियम
- दाखवा/लपवा - करावयाची कृती
- फील्ड - कोणते फील्ड तपासायचे
- ऑपरेटर - समान, समान नाही, समाविष्ट आहे, पेक्षा मोठे, पेक्षा कमी, रिक्त आहे, रिक्त नाही
- मूल्य - तुलनात्मक मूल्य
- अनेक अटी - अमर्यादित नियम जोडा
प्रगत पर्याय
- कस्टम CSS क्लासेस - कस्टम स्टाइलिंग लागू करा
- प्रवेशयोग्यता गुणधर्म - ARIA लेबल्स आणि वर्णने

आमचे टेक्स्ट इनपुट फील्ड का निवडावे?
✅ बहुमुखी - नावे, कोड, पासवर्ड आणि त्यामधील प्रत्येक गोष्टीसाठी काम करते.
✅ स्मार्ट व्हॅलिडेशन – ६+ व्हॅलिडेशन पॅटर्न आणि कस्टम रेजेक्स
✅ मोबाईल ऑप्टिमाइझ केलेले - प्रत्येक इनपुट प्रकारासाठी योग्य कीबोर्ड
✅ ऑटो-फॉरमॅटिंग - मजकूर रूपांतरण आपोआप होते
✅ सुरक्षित - पासवर्ड मोड संवेदनशील माहितीचे संरक्षण करतो
✅ स्वच्छ डेटा - व्हाईटस्पेस ट्रिमिंग सामान्य चुका टाळते
✅ लवचिक - लपलेले फील्ड, डीफॉल्ट मूल्ये, सशर्त तर्कशास्त्र
✅ वापरकर्ता-अनुकूल - स्पष्ट प्रमाणीकरण संदेश वापरकर्त्यांना मार्गदर्शन करतात
✅ पूर्णपणे एकात्मिक - सर्व फॉर्म वैशिष्ट्यांसह अखंडपणे कार्य करते
वारंवार विचारले जाणारे प्रश्न
प्रश्न: किमान/कमाल लांबी आणि प्रमाणीकरण यात काय फरक आहे?
किमान/कमाल लांबी किती वर्णांना परवानगी आहे हे नियंत्रित करते. प्रमाणीकरण कोणत्या वर्णांना परवानगी आहे हे नियंत्रित करते, जसे की फक्त अक्षरे, फक्त संख्या किंवा ईमेल स्वरूप.
प्रश्न: मी लांबी आणि स्वरूप दोन्ही सत्यापित करू शकतो का?
हो. किमान/कमाल लांबी प्रमाणीकरण नियमांसह एकत्र करा. उदाहरणार्थ, वापरकर्तानाव फील्डसाठी किमान ३, कमाल १५ आणि अल्फान्यूमेरिक प्रमाणीकरण सेट करा.
प्रश्न: पासवर्ड मोड कसा काम करतो?
लॉगिन स्क्रीनवरील सामान्य पासवर्ड फील्डप्रमाणेच पासवर्ड मोडमध्ये अक्षरे ठिपके असतात.
प्रश्न: “ट्रिम व्हाईटस्पेस” काय करते?
ते सबमिशन करण्यापूर्वी अग्रगण्य आणि अनुगामी जागा काढून टाकते जेणेकरून अपघाती जागा प्रमाणीकरण खंडित करणार नाहीत.
प्रश्न: मी कस्टम व्हॅलिडेशन पॅटर्न तयार करू शकतो का?
हो. तुम्हाला आवश्यक असलेली कोणतीही रचना लागू करण्यासाठी "कस्टम पॅटर्न" वापरा आणि रेग्युलर एक्सप्रेशन जोडा.
प्रश्न: मजकूर रूपांतरण कसे कार्य करते?
वापरकर्ता सामान्यपणे टाइप करतो आणि सबमिशन केल्यावर सिस्टम मजकूराचे रूपांतर करते, जसे की टायटल केस किंवा अपरकेसमध्ये रूपांतरित करणे.
प्रश्न: शोध इनपुट प्रकार कशासाठी आहे?
यामध्ये बिल्ट-इन क्लिअर (X) बटण जोडले आहे जेणेकरून वापरकर्ते शोधताना फील्ड त्वरित रीसेट करू शकतील.
प्रश्न: “टेल” इनपुट प्रकार का वापरावा?
मोबाईलवर, फोन-शैलीतील अंक प्रविष्ट करणे सोपे करण्यासाठी ते एक अंकीय कीपॅड उघडते.
प्रश्न: मी टेक्स्ट फील्डसह कंडिशनल लॉजिक वापरू शकतो का?
हो. “समाविष्ट आहे,” “समान आहे,” किंवा “रिक्त आहे” यासारख्या अटी तुम्हाला वापरकर्त्याच्या इनपुटवर आधारित फील्ड दाखवू किंवा लपवू देतात.
प्रश्न: लपलेले क्षेत्र कशासाठी वापरले जातात?
ते वापरकर्त्याला दृश्यमान न होता डेटा संग्रहित करतात, जे UTM टॅग किंवा रेफरल स्रोतांसारख्या मेटाडेटा ट्रॅक करण्यासाठी उपयुक्त आहेत.
प्रश्न: संख्यांसाठी मजकूर फील्ड वापरता येतील का?
हो, पण गणना किंवा संख्यात्मक प्रमाणीकरणासाठी संख्या फील्ड वापरा. जेव्हा तुम्हाला असे कोड किंवा आयडी हवे असतील जे संख्या म्हणून मानले जाऊ नयेत तेव्हा "फक्त संख्या" असलेला मजकूर वापरा.
प्रश्न: रेजेक्स पॅटर्न किती अचूक असू शकतात?
रेजेक्स अत्यंत विशिष्ट नमुने लागू करू शकते. जर तुम्हाला जटिल नमुने तयार करायचे असतील किंवा पडताळायचे असतील तर रेजेक्स टेस्टर वापरा.