কম্পিউটার

ইনপুট ফিল্ড লেবেল হিসাবে স্থানধারক পাঠ্য ব্যবহার করবেন না - যদি না...

আমি প্রায়ই ইউএক্স ডিজাইনারদের ইনপুট ফিল্ড লেবেল হিসাবে প্লেসহোল্ডার টেক্সট ব্যবহার করার বিরুদ্ধে সতর্ক করতে দেখি, এবং সঙ্গত কারণে।

নীচের ইনপুট ক্ষেত্রের ভিতরে টাইপ করার চেষ্টা করুন এবং দেখুন কি হয়:

আপনি টাইপ করা শুরু করার সাথে সাথে স্থানধারক পাঠ্যটি অদৃশ্য হয়ে যায়।

কেন এই সমস্যা? কারণ একটি বড় আকারে, আপনার গড় ইমেল এবং পাসওয়ার্ড লগইন ফর্মের চেয়ে, ব্যবহারকারী সহজে করতে পারেন তারা টাইপ করার সাথে সাথে ইনপুট ফিল্ড লেবেল (এখানে প্লেসহোল্ডার টেক্সট শুধুমাত্র লেবেল হিসাবে পরিবেশন করা) দেখতে না পেলে তারা সঠিকভাবে ফর্মটি পূরণ করেছে কিনা তা নিয়ে বিভ্রান্ত হন।

অনেক ডিজাইনার ইনপুট ক্ষেত্রগুলিতে একমাত্র পাঠ্য হিসাবে স্থানধারক ব্যবহার করতে পছন্দ করার কারণ হল এটি আপনার UI কে পরিষ্কার এবং কম বিশৃঙ্খল দেখায় — যা একটি ভাল জিনিস।

দুর্ভাগ্যবশত, আপনি আপনার ব্যবহারকারীদের বিভ্রান্ত করার ঝুঁকিও নিয়ে থাকেন, যা আপনি চান শেষ জিনিস।

সৌভাগ্যবশত, এই সমস্যার একটি সমাধান রয়েছে, যা ব্যবহারকারীকে সমস্ত প্রয়োজনীয় তথ্য প্রদান করার সময় আপনাকে একটি পরিষ্কার UI থাকতে দেয়। একে ফ্লোটিং লেবেল বলা হয়।


  1. HTML <input> স্থানধারক বৈশিষ্ট্য

  2. HTML DOM ইনপুট টেক্সট স্থানধারক সম্পত্তি

  3. HTML DOM ইনপুট টেক্সট অবজেক্ট

  4. এইচটিএমএল প্লেসহোল্ডার অ্যাট্রিবিউট