HTML DOM ইনপুট পাসওয়ার্ড স্থানধারক বৈশিষ্ট্য একটি ইনপুট পাসওয়ার্ড ক্ষেত্রের স্থানধারক বৈশিষ্ট্য মান সেট বা ফেরত দিতে ব্যবহৃত হয়। প্লেসহোল্ডার প্রপার্টি ব্যবহার করা হয় ওয়েব পেজ ব্যবহারকারীদের ইনপুট এলিমেন্ট সম্পর্কে ইঙ্গিত দেওয়ার জন্য ইনপুট ফিল্ডের ভিতরে একটি টেক্সট দেখিয়ে ব্যবহারকারীর কিছু ইনপুট করার আগে। স্থানধারক পাঠ্যটি ডিফল্টরূপে ধূসর রঙের থাকে এবং মান সম্পত্তির বিপরীতে ফর্মে জমা দেওয়া হয় না।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলস্থানধারক সম্পত্তি সেট করা হচ্ছে -
passwordObject.placeholder = text
এখানে, পাঠ্যটি পাসওয়ার্ড ক্ষেত্র সম্পর্কে ব্যবহারকারীর জন্য ইঙ্গিত নির্দিষ্ট করে স্থানধারক পাঠ্যকে উপস্থাপন করে।
উদাহরণ
আসুন ইনপুট পাসওয়ার্ড প্লেসহোল্ডার প্রপার্টি −
-এর জন্য একটি উদাহরণ দেখি<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে "PASS1" আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি এবং স্থানধারক বৈশিষ্ট্যের মান "...." এ সেট করেছি।
Password: <input type="password" id="PASS1" placeholder="....">
তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে changeHolder() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeHolder()">CHANGE</button>
টাইপ পাসওয়ার্ড সহ ইনপুট উপাদান পেতে changeHolder() getElementById() পদ্ধতি ব্যবহার করে। তারপরে এটি তার স্থানধারক সম্পত্তি মান সেট করে "এখানে আপনার পাসওয়ার্ড লিখুন.." যা পাসওয়ার্ড ক্ষেত্রে প্রতিফলিত হয় -
function changeHolder() {
document.getElementById("PASS1").placeholder = "Enter your password here..";
} 