কম্পিউটার টিউটোরিয়াল

প্লেসহোল্ডার টেক্সটকে ইনপুট ফিল্ড লেবেল হিসেবে ব্যবহার করবেন না — যদি না...

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

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

আপনি টাইপ करना শুরু করলেই প্লেসহোল্ডার টেক্সটটি গায়েব হয়ে যায়।

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

অনেক ডিজাইনার প্লেসহোল্ডারকে ইনপুট ফিল্ডে একমাত্র টেক্সট হিসেবে ব্যবহার করতে ভালোবাসেন কারণ এটি আপনার UI-কে ক্লিন এবং কম ক্লাটার্ড করে দেয় — যা একটি ভালো জিনিস।

দুর্ভাগ্যক্রমে, আপনি আপনার ইউজারদের বিভ্রান্ত করার রিস্কও নিচ্ছেন, যা আপনি সবচেয়ে কম চান।

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

  1. HTML <input> placeholder অ্যাট্রিবিউট

  2. HTML DOM ইনপুট টেক্সট placeholder প্রপার্টি

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

  4. HTML placeholder অ্যাট্রিবিউট