HTML DOM ইনপুট পাসওয়ার্ড defaultValue প্রপার্টি একটি পাসওয়ার্ড ক্ষেত্রের ডিফল্ট ভ্যালু সেট বা পাওয়ার জন্য ব্যবহার করা হয়। একটি উপাদানের ডিফল্ট মান হল মান বৈশিষ্ট্যের জন্য নির্ধারিত মান। মান সম্পত্তি এবং defaultValue সম্পত্তির মধ্যে পার্থক্য হল যে defaultValue প্রপার্টি নির্দিষ্ট মূল ডিফল্ট মান ধরে রাখে যখন ইনপুট ক্ষেত্রের ব্যবহারকারীর ইনপুটের উপর ভিত্তি করে মান সম্পত্তি পরিবর্তন হয়।
সিনট্যাক্স
ডিফল্ট ভ্যালু প্রপার্টি −
সেট করার জন্য সিনট্যাক্স নিচে দেওয়া হলpasswordObject.defaultValue = value
এখানে, "মান" হল পাসওয়ার্ড ক্ষেত্রের ডিফল্ট মান।
উদাহরণ
আসুন ইনপুট পাসওয়ার্ড ডিফল্ট ভ্যালু প্রপার্টি −
-এর উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password field default value by clicking on the CHANGE button</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 = "Default value has been changed from abc123 to "+P ;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে “PASS” এবং value=”abcd123” আইডি সহ একটি পাসওয়ার্ড ইনপুট ক্ষেত্র তৈরি করেছি।
Password: <input type="password" id="PASS" value="abcd123">
তারপরে আমরা একটি পরিবর্তন বাটন তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে changeDefault() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে এবং এটিকে "Password123" এ defaultValue বৈশিষ্ট্য সেট করে। তারপরে আমরা getElementById() পদ্ধতি ব্যবহার করে আবার টাইপ পাসওয়ার্ড সহ ইনপুটের ডিফল্ট ভ্যালু প্রপার্টি পাই এবং ভেরিয়েবল P এ বরাদ্দ করে। এই ভেরিয়েবলটি তারপর অনুচ্ছেদের ভিতরের HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়। পি>
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
} এ পরিবর্তিত হয়েছে 