টেক্সট ইনপুট ক্ষেত্র
নির্ভুলতা এবং নমনীয়তার সাথে টেক্সট সংগ্রহ করুন। সহজ নাম থেকে শুরু করে জটিল প্যাটার্ন, অন্তর্নির্মিত বৈধতা, স্মার্ট ফর্ম্যাটিং এবং শক্তিশালী কাস্টমাইজেশন সহ - টেক্সট ইনপুট ফিল্ডটি অক্ষর সীমা, স্বয়ংক্রিয়-বিন্যাস এবং সুরক্ষিত পাসওয়ার্ড মোড সহ যেকোনো ব্যবহারের ক্ষেত্রে অভিযোজিত হয়।
প্রতিটি ওয়ার্ডপ্রেস ফর্মের ভিত্তি
উপযুক্ত:
প্রতিটি ব্যবহারের ক্ষেত্রে শক্তিশালী বৈশিষ্ট্য
📏 স্মার্ট দৈর্ঘ্য নিয়ন্ত্রণ
সর্বনিম্ন এবং সর্বোচ্চ অক্ষর সীমা
সবচেয়ে ছোট এবং দীর্ঘতম অনুমোদিত টেক্সট এন্ট্রি সেট করুন। অন্তর্নির্মিত ব্রাউজার যাচাইকরণের মাধ্যমে খুব ছোট বা খুব দীর্ঘ জমা দেওয়া প্রতিরোধ করুন।
রিয়েল-টাইম বৈধতা
ব্যবহারকারীদের এন্ট্রি দৈর্ঘ্যের প্রয়োজনীয়তা পূরণ না করলে তারা তাৎক্ষণিক প্রতিক্রিয়া দেখতে পাবেন - জমা দেওয়ার পরে কোনও অবাক হওয়ার কিছু নেই।
উদাহরণ:
- ব্যবহারকারীর নাম: সর্বনিম্ন ৩, সর্বোচ্চ ২০ অক্ষর
- পোস্টাল কোড: সর্বনিম্ন ৫, সর্বোচ্চ ১০ অক্ষর
- নাম: সর্বনিম্ন ২, সর্বোচ্চ ৫০ অক্ষর
- মন্তব্য: সর্বোচ্চ ৫০০টি অক্ষর
কেন এটি গুরুত্বপূর্ণ:
ডেটার মান নিয়ন্ত্রণ করুন, স্প্যাম প্রতিরোধ করুন, ডাটাবেসের সামঞ্জস্যতা নিশ্চিত করুন এবং ব্যবহারকারীদের সঠিক পরিমাণে তথ্য সরবরাহ করতে নির্দেশনা দিন।
✅ অন্তর্নির্মিত বৈধকরণ প্যাটার্ন
৬টি পূর্ব-কনফিগার করা বৈধকরণের ধরণ:
- ১. কোনটিই নয় - যেকোনো লেখা গ্রহণ করুন (ডিফল্ট)
2. ইমেল - সঠিক ইমেল ফর্ম্যাট যাচাই করে ([ইমেল সুরক্ষিত])
৩. URL – বৈধ ওয়েব ঠিকানা প্রয়োজন (https://example.com)
৪. শুধুমাত্র অক্ষর - শুধুমাত্র বর্ণানুক্রমিক অক্ষর এবং ফাঁকা স্থান (জন ডো)
৫. শুধুমাত্র সংখ্যা - শুধুমাত্র সংখ্যাসূচক সংখ্যা (১২৩৪৫৬)
৬. আলফানিউমেরিক – অক্ষর এবং সংখ্যা, কোন বিশেষ অক্ষর নেই (User123)
প্লাস কাস্টম প্যাটার্ন:
- বিশেষায়িত ফর্ম্যাটের জন্য আপনার নিজস্ব রেজেক্স বৈধতা নির্ধারণ করুন যেমন:
- লাইসেন্স প্লেট: `^[AZ]{3}[0-9]{4}$`
- পণ্য কোড: `^[AZ]{2}[0-9]{6}$`
- আপনার ব্যবসার জন্য অনন্য কাস্টম ফর্ম্যাট
তাত্ক্ষণিক প্রতিক্রিয়া:
ব্যবহারকারীদের ইনপুট প্রয়োজনীয় ফর্ম্যাটের সাথে না মিললে তারা স্পষ্ট ত্রুটির বার্তা দেখতে পাবেন।
✂️ স্বয়ংক্রিয় হোয়াইটস্পেস ট্রিমিং
স্বয়ংক্রিয়ভাবে ডেটা পরিষ্কার করুন
টেক্সট এন্ট্রির শুরু এবং শেষ থেকে দুর্ঘটনাজনিত স্পেস মুছে ফেলুন। যখন আপনি "জন" চান তখন আর "জন" নেই।
ব্যবহারের ক্ষেত্রে:
- ইমেল ঠিকানা (কোনও ফাঁকা স্থান নেই)
- ব্যবহারকারীর নাম (কোনও অগ্রভাগের স্থান নেই)
- রেফারেন্স কোড (হুবহু মিল)
- যেকোনো ক্ষেত্র যেখানে নির্ভুলতা গুরুত্বপূর্ণ
উপকারিতা:
ব্যবহারকারীর ত্রুটি হ্রাস করে, ডেটার ধারাবাহিকতা উন্নত করে, বৈধতা সংক্রান্ত সমস্যা প্রতিরোধ করে এবং মিল এবং অনুসন্ধানকে সহজ করে।
🔒 পাসওয়ার্ড মোড
নিরাপদ ইনপুট মাস্কিং
যেকোনো টেক্সট ফিল্ডকে পাসওয়ার্ড ফিল্ডে রূপান্তর করুন। কাঁধে থাকা সার্ফারদের কাছ থেকে সংবেদনশীল তথ্য রক্ষা করার জন্য অক্ষরগুলি বিন্দু (•••) হিসাবে প্রদর্শিত হয়।
উপযুক্ত:
- পাসওয়ার্ড এবং পিন এন্ট্রি
- নিরাপত্তা কোড এবং টোকেন
- গোপনীয় আইডি নম্বর
- দুই-ধাপে প্রমাণীকরণ কোড
স্মার্ট আচরণ:
নিরাপত্তা নিশ্চিত করার জন্য পাসওয়ার্ড মোড স্বয়ংক্রিয়ভাবে টেক্সট ট্রান্সফর্মেশন এবং বিশেষ ইনপুট প্রকারের মতো বিরোধপূর্ণ বৈশিষ্ট্যগুলিকে অক্ষম করে।
📱 স্মার্ট ইনপুট প্রকার
মোবাইল এবং ডেস্কটপের জন্য অপ্টিমাইজ করা:
- সাধারণ টেক্সট - সাধারণ ব্যবহারের জন্য স্ট্যান্ডার্ড টেক্সট ইনপুট
- অনুসন্ধান - দ্রুত রিসেট করার জন্য অন্তর্নির্মিত ক্লিয়ার বোতাম (X) অন্তর্ভুক্ত
- টেলিফোন - সহজে ফোন নম্বর প্রবেশের জন্য মোবাইল ডিভাইসে সংখ্যাসূচক কীপ্যাড চালু করে
- URL – .com, .org শর্টকাট সহ বিশেষায়িত মোবাইল কীবোর্ড দেখায়
কেন এটি গুরুত্বপূর্ণ:
সঠিক ইনপুট টাইপ মোবাইলে ডেটা এন্ট্রির গতি বাড়ায়, ত্রুটি কমায় এবং সমস্ত ডিভাইস জুড়ে ব্যবহারকারীর অভিজ্ঞতা উন্নত করে।
🎨 স্বয়ংক্রিয় টেক্সট রূপান্তর
ব্যবহারকারীর টাইপ অনুযায়ী টেক্সট ফরম্যাট করুন:
- কোনও রূপান্তর নেই - লেখা ঠিক যেমন লেখা হয়েছে তেমনই থাকবে
- UPPERCASE – সমস্ত লেখাকে বড় হাতের অক্ষরে রূপান্তর করে (JOHN DOE)
- ছোট হাতের অক্ষর – সমস্ত লেখা ছোট হাতের অক্ষরে রূপান্তর করে (john doe)
- প্রথম অক্ষর বড় হাতের অক্ষরে লিখুন – শুধুমাত্র প্রথম অক্ষর বড় হাতের অক্ষরে লিখুন (জন ডো)
- শিরোনামের ধরণ - প্রতিটি শব্দের প্রথম অক্ষর (জন ডো)
উপযুক্ত:
- বড় হাতের অক্ষর: লাইসেন্স প্লেট, রাজ্য কোড, পণ্য আইডি
- ছোট হাতের অক্ষর: ইমেল ঠিকানা, ব্যবহারকারীর নাম
- বড় হাতের অক্ষরে লিখুন: বাক্যের শুরু, একক নাম
- শিরোনামের কেস: পুরো নাম, ঠিকানা, পদবি
স্মার্ট আচরণ:
জমা দেওয়ার সময় ব্যবহারকারীরা তাদের আসল ইনপুট দেখতে পেলেই রূপান্তর স্বয়ংক্রিয়ভাবে ঘটে।
🙈 লুকানো ক্ষেত্র মোড
অদৃশ্য ডেটা ক্ষেত্র
এমন ক্ষেত্র তৈরি করুন যা ব্যবহারকারীদের কাছে দৃশ্যমান নয় কিন্তু ফর্মের সাথে ডেটা জমা দিন। ট্র্যাকিং, রেফারেল কোড এবং সিস্টেম মানগুলির জন্য উপযুক্ত।
ব্যবহারের ক্ষেত্রে:
- UTM ট্র্যাকিং প্যারামিটার
- রেফারেল সোর্স আইডি
- ফর্ম সংস্করণ নম্বর
- টাইমস্ট্যাম্প মার্কার
- লুকানো মেটাডেটা
কিভাবে এটা কাজ করে:
"লুকানো মান" সেট করুন এবং এটি আপনার ফর্মের UI কে বিশৃঙ্খল না করে প্রতিটি ফর্ম জমা দেওয়ার সাথে স্বয়ংক্রিয়ভাবে অন্তর্ভুক্ত হয়ে যাবে।
🔀 শর্তসাপেক্ষ যুক্তি
গতিশীল ক্ষেত্রের দৃশ্যমানতা
অন্যান্য ফর্ম মানের উপর ভিত্তি করে টেক্সট ফিল্ড দেখান বা লুকান। ব্যবহারকারীর ইনপুটের সাথে খাপ খাইয়ে নেয় এমন বুদ্ধিমান ফর্ম তৈরি করুন।
উন্নত যুক্তির নিয়ম:
- এবং যুক্তি - সমস্ত শর্ত পূরণ করতে হবে
- OR লজিক - যেকোনো অবস্থাই ক্রিয়াটি ট্রিগার করতে পারে
- ৮টি অপারেটর - সমান, সমান নয়, এর চেয়ে বড়, এর চেয়ে কম, ধারণ করে, খালি, এবং আরও অনেক কিছু
ব্যবহারের ক্ষেত্রে:
- ব্যবহারকারীর ধরণ "ব্যবসা" এর সমান হলেই "কোম্পানির নাম" দেখান
- "আপনি আমাদের সম্পর্কে কীভাবে শুনলেন?" -এ "রেফারেল" লেখা থাকলে "রেফারেল সোর্স" দেখান।
- প্রাথমিক বিকল্পটি খালি না থাকলে "অন্যান্য বিবরণ" লুকান
- অর্ডার মূল্য ১০০ ডলারের বেশি হলে "প্রোমো কোড" প্রকাশ করুন
🎯 উন্নত ব্যবহারকারীর অভিজ্ঞতা
অন্তর্নির্মিত স্মার্ট বৈশিষ্ট্য:
- ডিফল্ট মান - সমাপ্তির গতি বাড়ানোর জন্য ক্ষেত্রগুলি পূর্বে পূরণ করুন
- প্লেসহোল্ডার টেক্সট - ব্যবহারকারীরা টাইপ করার আগে সহায়ক ইঙ্গিত দেখান
- সাহায্যের টেক্সট – কী লিখতে হবে তা স্পষ্ট করার জন্য বর্ণনা যোগ করুন
- প্রয়োজনীয় যাচাইকরণ - স্পষ্ট সূচক সহ ক্ষেত্রগুলি বাধ্যতামূলক করুন
- কাস্টম সিএসএস ক্লাস - আপনার ব্র্যান্ডের সাথে মানানসই কাস্টম স্টাইলিং প্রয়োগ করুন
- অ্যাক্সেসিবিলিটি সাপোর্ট - স্ক্রিন রিডারের জন্য ARIA লেবেল
- মোবাইল অপ্টিমাইজড - উপযুক্ত কীবোর্ড সহ স্পর্শ-বান্ধব ইনপুট
৩টি ধাপে সহজ সেটআপ
কয়েক মিনিটের মধ্যে আপনার টেক্সট ইনপুট ফিল্ড প্রস্তুত করুন
টেক্সট ফিল্ড যোগ করুন
বেসিক ফিল্ডস বিভাগ থেকে টেক্সট ইনপুট ফিল্ডটি আপনার ফর্মে টেনে আনুন এবং ছেড়ে দিন।
বৈধতা এবং সীমা নির্ধারণ করুন
যাচাইকরণের ধরণ (ইমেল, URL, অক্ষর, ইত্যাদি) নির্বাচন করুন, সর্বনিম্ন/সর্বোচ্চ অক্ষর সীমা নির্ধারণ করুন এবং ঐচ্ছিকভাবে পাসওয়ার্ড মোড বা হোয়াইটস্পেস ট্রিমিং সক্ষম করুন।
ফর্ম্যাটিং কনফিগার করুন
মোবাইল অপ্টিমাইজেশনের জন্য ইনপুট টাইপ নির্বাচন করুন, টেক্সট ট্রান্সফর্মেশন (বড় হাতের, ছোট হাতের, ইত্যাদি) নির্বাচন করুন, এবং ডিফল্ট মান বা স্থানধারক সেট করুন।
🎉 ব্যস! আপনার টেক্সট ফিল্ড স্মার্ট ভ্যালিডেশন এবং ফর্ম্যাটিং সহ প্রস্তুত।
বাস্তব-বিশ্ব অ্যাপ্লিকেশন
সম্পূর্ণ ক্ষেত্রের বিকল্পগুলি
বেসিক কনফিগারেশন
- ফিল্ড লেবেল – টেক্সট ফিল্ডের উপরে দেখানো শিরোনাম
- বর্ণনা/সহায়তা পাঠ্য – ব্যবহারকারীদের জন্য অতিরিক্ত নির্দেশিকা
- প্রয়োজনীয় ক্ষেত্র - টেক্সট এন্ট্রি বাধ্যতামূলক করুন
- প্লেসহোল্ডার টেক্সট - ব্যবহারকারীরা টাইপ করার আগে ইঙ্গিত টেক্সট
দৈর্ঘ্য যাচাইকরণ
- সর্বনিম্ন দৈর্ঘ্য – অনুমোদিত সবচেয়ে কম অক্ষর (বৈধকরণ)
- সর্বোচ্চ দৈর্ঘ্য – সর্বাধিক অক্ষর অনুমোদিত (কঠিন সীমা)
ডিফল্ট মান
- ডিফল্ট মান - ফর্ম লোড হওয়ার সময় পূর্বে পূরণ করা টেক্সট
- লুকানো মান - লুকানো ক্ষেত্রের মান (যখন লুকানো মোড সক্রিয় থাকে)
সুরক্ষা ও গোপনীয়তা
- পাসওয়ার্ড ক্ষেত্র - পাসওয়ার্ড হিসেবে ইনপুট মাস্ক করুন (বিন্দু দেখায় •••)
লুকানো ক্ষেত্র - ক্ষেত্রটিকে অদৃশ্য করুন কিন্তু জমা দেওয়ার মধ্যে অন্তর্ভুক্ত করুন
উপাত্ত গুণমান
হোয়াইটস্পেস ছাঁটাই - শুরু এবং শেষ থেকে স্বয়ংক্রিয়ভাবে অতিরিক্ত স্পেস মুছে ফেলুন
বৈধকরণের নিয়ম
- বৈধকরণের ধরণ
- কোনটিই নয় (কোনও লেখা নেই)
- ইমেইল ([ইমেল সুরক্ষিত])
- ইউআরএল (https://example.com)
- শুধুমাত্র অক্ষর (শুধুমাত্র AZ)
- শুধুমাত্র সংখ্যা (শুধুমাত্র ০-৯)
- বর্ণসংখ্যা (AZ এবং 0-9)
- কাস্টম প্যাটার্ন (রেজেক্স)
- কাস্টম প্যাটার্ন - কাস্টম বৈধতার জন্য নিয়মিত এক্সপ্রেশন (যখন "কাস্টম" নির্বাচন করা হয়)
ইনপুট প্রকার
- ইনপুট টাইপ
- সাধারণ পাঠ্য
- অনুসন্ধান (স্পষ্ট বোতাম সহ)
- টেলিফোন (মোবাইলে সংখ্যাসূচক কীপ্যাড)
- URL (বিশেষায়িত মোবাইল কীবোর্ড)
পাঠ্য বিন্যাস
- পাঠ্য রূপান্তর
- কোন রূপান্তর
- বড় হাতের
- ছোট হাতের অক্ষর ব্যবহার
- প্রথম অক্ষর বড় হাতের অক্ষরে লিখুন
- শিরোনাম মামলা
শর্তযুক্ত যুক্তি
- শর্তসাপেক্ষ যুক্তি সক্ষম করুন - শর্তের উপর ভিত্তি করে দেখান/লুকান
- লজিক টাইপ
- সকল শর্ত পূরণ করতে হবে (এবং)
- যেকোনো শর্ত পূরণ করা যেতে পারে (OR)
- শর্ত নিয়ম
- দেখান/লুকান – পদক্ষেপ নিতে হবে
- ক্ষেত্র - কোন ক্ষেত্রটি পরীক্ষা করতে হবে
- অপারেটর – সমান, সমান নয়, ধারণ করে, এর চেয়ে বড়, এর চেয়ে কম, খালি, খালি নয়
- মান - তুলনামূলক মান
- একাধিক শর্ত - সীমাহীন নিয়ম যোগ করুন
উন্নত বিকল্প
- কাস্টম সিএসএস ক্লাস - কাস্টম স্টাইলিং প্রয়োগ করুন
- অ্যাক্সেসিবিলিটি অ্যাট্রিবিউটস - ARIA লেবেল এবং বর্ণনা

কেন আমাদের টেক্সট ইনপুট ফিল্ডটি বেছে নেব?
✅ বহুমুখী - নাম, কোড, পাসওয়ার্ড এবং এর মধ্যে থাকা সবকিছুর জন্য কাজ করে
✅ স্মার্ট ভ্যালিডেশন – ৬+ ভ্যালিডেশন প্যাটার্ন এবং কাস্টম রেজেক্স
✅ মোবাইল অপ্টিমাইজড - প্রতিটি ইনপুট ধরণের জন্য উপযুক্ত কীবোর্ড
✅ অটো-ফরম্যাটিং – টেক্সট ট্রান্সফর্মেশন স্বয়ংক্রিয়ভাবে ঘটে
✅ সুরক্ষিত - পাসওয়ার্ড মোড সংবেদনশীল তথ্য রক্ষা করে
✅ পরিষ্কার ডেটা - হোয়াইটস্পেস ট্রিমিং সাধারণ ত্রুটি প্রতিরোধ করে
✅ নমনীয় - লুকানো ক্ষেত্র, ডিফল্ট মান, শর্তাধীন যুক্তি
✅ ব্যবহারকারী-বান্ধব - স্পষ্ট বৈধতা বার্তা ব্যবহারকারীদের গাইড করে
✅ সম্পূর্ণরূপে সমন্বিত - সমস্ত ফর্ম বৈশিষ্ট্য সহ নির্বিঘ্নে কাজ করে
সচরাচর জিজ্ঞাস্য
প্রশ্ন: সর্বনিম্ন/সর্বোচ্চ দৈর্ঘ্য এবং বৈধকরণের মধ্যে পার্থক্য কী?
সর্বনিম্ন/সর্বোচ্চ দৈর্ঘ্য কতগুলি অক্ষর অনুমোদিত তা নিয়ন্ত্রণ করে। যাচাইকরণ কোন অক্ষর অনুমোদিত তা নিয়ন্ত্রণ করে, যেমন শুধুমাত্র অক্ষর, শুধুমাত্র সংখ্যা, অথবা ইমেল ফর্ম্যাট।
প্রশ্ন: আমি কি দৈর্ঘ্য এবং বিন্যাস উভয়ই যাচাই করতে পারি?
হ্যাঁ। সর্বনিম্ন/সর্বোচ্চ দৈর্ঘ্যকে বৈধতা নিয়মের সাথে একত্রিত করুন। উদাহরণস্বরূপ, একটি ব্যবহারকারীর নাম ক্ষেত্রের জন্য সর্বনিম্ন 3, সর্বোচ্চ 15 এবং বর্ণানুক্রমিক বৈধতা সেট করুন।
প্রশ্ন: পাসওয়ার্ড মোড কিভাবে কাজ করে?
পাসওয়ার্ড মোড অক্ষরগুলিকে বিন্দু দিয়ে ঢেকে রাখে, ঠিক যেমন লগইন স্ক্রিনে সাধারণ পাসওয়ার্ড ক্ষেত্র থাকে।
প্রশ্ন: "ট্রিম হোয়াইটস্পেস" কী করে?
এটি জমা দেওয়ার আগে লিডিং এবং ট্রেইলিং স্পেসগুলি সরিয়ে দেয় যাতে দুর্ঘটনাজনিত স্পেসগুলি বৈধতা ভঙ্গ না করে।
প্রশ্ন: আমি কি কাস্টম ভ্যালিডেশন প্যাটার্ন তৈরি করতে পারি?
হ্যাঁ। "কাস্টম প্যাটার্ন" ব্যবহার করুন এবং আপনার প্রয়োজনীয় যেকোনো কাঠামো প্রয়োগ করতে একটি নিয়মিত অভিব্যক্তি যোগ করুন।
প্রশ্ন: টেক্সট ট্রান্সফর্মেশন কিভাবে কাজ করে?
ব্যবহারকারী সাধারণত টাইপ করে, এবং সিস্টেম জমা দেওয়ার সময় টেক্সট রূপান্তর করে, যেমন টাইটেল কেস বা আপপারকেসে রূপান্তর করা।
প্রশ্ন: সার্চ ইনপুট টাইপ কীসের জন্য?
এটি একটি অন্তর্নির্মিত ক্লিয়ার (X) বোতাম যুক্ত করে যাতে ব্যবহারকারীরা অনুসন্ধানের সময় তাৎক্ষণিকভাবে ক্ষেত্রটি পুনরায় সেট করতে পারেন।
প্রশ্ন: কেন "টেল" ইনপুট টাইপ ব্যবহার করবেন?
মোবাইলে, এটি একটি সংখ্যাসূচক কীপ্যাড খোলে যাতে ফোন-স্টাইলের সংখ্যাগুলি প্রবেশ করা সহজ হয়।
প্রশ্ন: আমি কি টেক্সট ফিল্ডের সাথে কন্ডিশনাল লজিক ব্যবহার করতে পারি?
হ্যাঁ। "ধারণ করে," "সমান," অথবা "খালি" এর মতো শর্তাবলী আপনাকে ব্যবহারকারীর ইনপুটের উপর ভিত্তি করে ক্ষেত্রগুলি দেখাতে বা লুকাতে দেয়।
প্রশ্ন: লুকানো ক্ষেত্রগুলি কীসের জন্য ব্যবহৃত হয়?
এগুলি ব্যবহারকারীর কাছে দৃশ্যমান না হয়ে ডেটা সংরক্ষণ করে, যা UTM ট্যাগ বা রেফারেল উৎসের মতো মেটাডেটা ট্র্যাক করার জন্য কার্যকর।
প্রশ্ন: সংখ্যার জন্য কি টেক্সট ফিল্ড ব্যবহার করা যেতে পারে?
হ্যাঁ, কিন্তু গণনা বা সংখ্যাগত যাচাইকরণের জন্য সংখ্যা ক্ষেত্রটি ব্যবহার করুন। যখন আপনার এমন কোড বা আইডির প্রয়োজন হয় যা সংখ্যা হিসাবে গণ্য করা উচিত নয় তখন "শুধুমাত্র সংখ্যা" সহ টেক্সট ব্যবহার করুন।
প্রশ্ন: রেজেক্স প্যাটার্ন কতটা সুনির্দিষ্ট হতে পারে?
রেজেক্স অত্যন্ত নির্দিষ্ট প্যাটার্ন প্রয়োগ করতে পারে। জটিল প্যাটার্ন তৈরি বা যাচাই করার প্রয়োজন হলে একটি রেজেক্স পরীক্ষক ব্যবহার করুন।