HTML DOM Input Password defaultValue প্রপার্টি পাসওয়ার্ড ফিল্ডের defaultValue সেট বা গেট করতে ব্যবহৃত হয়। একটি এলিমেন্টের defaultValue হলো value অ্যাট্রিবিউটে অ্যাসাইন করা মান। value প্রপার্টি এবং defaultValue প্রপার্টির পার্থক্য হলো defaultValue প্রপার্টি মূল ডিফল্ট মান রক্ষা করে যা নির্দিষ্ট করা হয়েছিলحين value প্রপার্টি ইনপুট ফিল্ডে ইউজার ইনপুট অনুযায়ী পরিবর্তিত হয়।
সিনট্যাক্স
defaultValue প্রপার্টি সেট করার সিনট্যাক্স:
passwordObject.defaultValue = value
এখানে, “value” পাসওয়ার্ড ফিল্ডের ডিফল্ট ভ্যালু।
উদাহরণ
Input Password defaultValue প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input Password defaultValue প্রপার্টি</h1> Password: <input type="password" id="PASS" value="abcd123"> <p>উপরের পাসওয়ার্ড ফিল্ডের ডিফল্ট ভ্যালু পরিবর্তন করতে CHANGE বাটনে ক্লিক করুন</p> <button type="button" onclick="changeDefault()">CHANGE</button> <p id="Sample"></p> <script> function changeDefault() { document.getElementById("PASS").defaultValue="Password1234"; var P=document.getElementById("PASS").defaultValue; document.getElementById("Sample").innerHTML = "ডিফল্ট ভ্যালু abc123 থেকে "+P "-এ পরিবর্তিত হয়েছে" ; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে id “PASS” এবং value=”abcd123” সহ একটি পাসওয়ার্ড ইনপুট ফিল্ড তৈরি করা হয়েছে।
Password: <input type="password" id="PASS" value="abcd123">
তারপর CHANGE বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeDefault() মেথড এক্সিকিউট করবে:
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() মেথড getElementById() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ইনপুট ফিল্ড পাওয়া এবং এর defaultValue প্রপার্টি “Password123”-এ সেট করা। আবার getElementById() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ইনপুটের defaultValue প্রপার্টি পাওয়া এবং P ভেরিয়েবলে অ্যাসাইন করা। এই ভেরিয়েবলটি id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function changeDefault() { document.getElementById("PASS").defaultValue="Password1234"; var P=document.getElementById("PASS").defaultValue; document.getElementById("demo").innerHTML = "ডিফল্ট ভ্যালু abc123 থেকে "+P ; } 