বিবরণ
HTML DOM Input Password placeholder প্রোপার্টি ব্যবহার করা হয় ইনপুট পাসওয়ার্ড ফিল্ডের placeholder অ্যাট্রিবিউটের মান সেট বা রিটার্ন করার জন্য। Placeholder প্রোপার্টি ব্যবহারকারীকে পাসওয়ার্ড ফিল্ড সম্পর্কে হিন্ট দেয়া হয়, যা ইনপুট ফিল্ডের ভেতরে টেক্সট হিসেবে দেখায় যাবতীয় ব্যবহারকারী কিছু ইনপুট দেন না। Placeholder টেক্সট ডিফল্টভাবে স্লেটি রঙের হয় এবং value প্রোপার্টির মত ফর্মে সাবমিট হয় না।
সিনট্যাক্স
Placeholder প্রোপার্টি সেট করার সিনট্যাক্স:
passwordObject.placeholder = text
এখানে, text হলো পাসওয়ার্ড ফিল্ডের জন্য ব্যবহারকারীর হিন্ট নির্দেশকারী placeholder টেক্সট।
উদাহরণ
Input Password placeholder প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>password placeholder property</h1> Password: <input type="password" id="PASS1" placeholder="...."> <p>Change the placeholder text of the above field by clicking the below button</p> <button onclick="changeHolder()">CHANGE</button> <script> function changeHolder() { document.getElementById("PASS1").placeholder = "Enter your password here.."; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
উপরোক্ত উদাহরণে:
- আমরা প্রথমে একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করেছি যার id "PASS1" এবং placeholder অ্যাট্রিবিউটের মান "...." সেট করা হয়েছে।
- তারপর একটি CHANGE বাটন তৈরি করা হয়েছে যা ক্লিক করলে changeHolder() মেথড এক্সিকিউট হবে।
- changeHolder() মেথড getElementById() ব্যবহার করে পাসওয়ার্ড টাইপের ইনপুট এলিমেন্ট পায় এবং এর placeholder প্রোপার্টির মান "Enter your password here.." সেট করে, যা পাসওয়ার্ড ফিল্ডে প্রতিফলিত হয়।
