HTML DOM ইনপুট পাসওয়ার্ড ভ্যালু প্রপার্টিটি ইনপুট এলিমেন্টের সাথে যুক্ত থাকে যার টাইপ="পাসওয়ার্ড" থাকে এবং ভ্যালু অ্যাট্রিবিউট থাকে। এই বৈশিষ্ট্যটি পাসওয়ার্ড ক্ষেত্রের জন্য একটি ডিফল্ট মান নির্দিষ্ট করার জন্য ব্যবহার করা হয় এবং এটি ব্যবহারকারীর ইনপুটে মান পরিবর্তন করে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলমান সম্পত্তি সেট করা।
passwordObject.value = text;
এখানে, পাসওয়ার্ড ক্ষেত্রের মান নির্দিষ্ট করার জন্য পাঠ্য ব্যবহার করা হয়।
উদাহরণ
ইনপুট পাসওয়ার্ড মান বৈশিষ্ট্যের জন্য একটি উদাহরণ দেখা যাক -
<!DOCTYPE html>
<html>
<body>
<h1>Input password Value property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
পাসওয়ার্ড ক্ষেত্রের ভিতরে কিছু টেক্সট টাইপ করে এবং "মূল্য পান" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা টাইপ পাসওয়ার্ড সহ একটি ইনপুট ক্ষেত্র তৈরি করেছি এবং এর আইডি "PASS1" এ সেট করেছি।
PHONE NO: <input type="number" value="222" id="NUMBER1">
তারপরে আমরা "মূল্য পান" বোতামটি তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে getValue() পদ্ধতিটি কার্যকর করবে -
<button onclick="getValue()">Get Value</button>
getValue() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভ্যারিয়েবল টি-তে এর "মান" অ্যাট্রিবিউট মান নির্ধারণ করে। এটি একটি খালি স্ট্রিং ফিরিয়ে দেবে যদি আপনি "মান পান" বোতামে ক্লিক করার আগে পাসওয়ার্ড ক্ষেত্রে কিছু না লিখুন। ব্যবহারকারীর ইনপুটের সাথে মান বৈশিষ্ট্য পরিবর্তন হয় তাই এটি পাসওয়ার্ড ক্ষেত্রের ভিতরে বর্তমান ইনপুট প্রদর্শন করবে। এই ভেরিয়েবলটি তারপর অনুচ্ছেদে আইডি "নমুনা" সহ এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
} 