ভূমিকা
HTML DOM ইনপুট টেক্সট placeholder প্রপার্টি ব্যবহার করা হয় একটি ইনপুট টেক্সট ফিল্ডের placeholder এট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। placeholder প্রপার্টি ব্যবহার করা হয় ওয়েব পেজ ব্যবহারকারীদের ইনপুট এলিমেন্ট সম্পর্কে একটি হিন্ট দিতে, ইনপুট ফিল্ডের ভিতরে ইউজার কিছু ইনপুট করার আগে একটি টেক্সট দেখিয়ে। প্লেসহোল্ডার টেক্সট ডিফল্টভাবে গ্রে থাকে এবং value প্রপার্টির মত ফর্মে সাবমিট হয় না।
সিনট্যাক্স
placeholder প্রপার্টি সেট করার সিনট্যাক্স:
textObject.placeholder = text
এখানে, text টেক্সট ফিল্ড সম্পর্কে ব্যবহারকারীকে হিন্ট দিতে প্লেসহোল্ডার টেক্সট উপস্থাপন করে।
উদাহরণ
নিচে ইনপুট টেক্সট placeholder প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input Text placeholder property</h1> USERNAME: <input type="text" id="USR" placeholder="...."> <p>নিচের বাটনে ক্লিক করে উপরের ফিল্ডের প্লেসহোল্ডার টেক্সট পরিবর্তন করুন</p> <button onclick="changeHolder()">CHANGE</button> <script> function changeHolder() { document.getElementById("USR").placeholder = "Enter your username here.."; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
প্লেসহোল্ডার সফলভাবে পরিবর্তন হয়েছে:
