HTML DOM Input Password value প্রপার্টি

HTML DOM Input password value প্রপার্টি type="password" সহ ইনপুট এলিমেন্ট এবং value অ্যাট্রিবিউটের সাথে সম্পর্কিত। এই প্রপার্টি পাসওয়ার্ড ফিল্ডের জন্য ডিফল্ট মান নির্দিষ্ট করতে এবং ইউজার ইনপুট অনুযায়ী মান পরিবর্তন করতে ব্যবহৃত হয়।

সিনট্যাক্স

value প্রপার্টি সেট করার সিনট্যাক্স:

passwordObject.value = text;

এখানে, text পাসওয়ার্ড ফিল্ডের মান নির্দিষ্ট করতে ব্যবহৃত হয়।

উদাহরণ

input password value প্রপার্টির উদাহরণ:

<!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>

আউটপুট

নিচের আউটপুট তৈরি হবে:

HTML DOM Input Password value প্রপার্টি

পাসওয়ার্ড ফিল্ডে কিছু টেক্সট টাইপ করে "Get Value" বাটনে ক্লিক করলে:

HTML DOM Input Password value প্রপার্টি

উপরের উদাহরণে:

আমরা type="password" এবং id="PASS1" সহ একটি ইনপুট ফিল্ড তৈরি করেছি।

PHONE NO: <input type="number" value="222" id="NUMBER1">

তারপর আমরা "Get Value" বাটন তৈরি করেছি যা ইউজার ক্লিক করলে getValue() মেথড এক্সিকিউট করবে:

<button onclick="getValue()">Get Value</button>

getValue() মেথড getElementById() ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং এর "value" অ্যাট্রিবিউটের মান t ভেরিয়েবলে অ্যাসাইন করে। আপনি যদি পাসওয়ার্ড ফিল্ডে কিছু না লিখে "Get Value" বাটনে ক্লিক করেন তবে এটি খালি স্ট্রিং রিটার্ন করবে। value অ্যাট্রিবিউট ইউজার ইনপুট অনুযায়ী পরিবর্তিত হয় তাই পাসওয়ার্ড ফিল্ডের বর্তমান ইনপুট দেখাবে। এই ভেরিয়েবলটি "Sample" আইডি वाले প্যারা গ্রাফে innerHTML প্রপার্টি ব্যবহার করে দেখানো হয়:

function getValue() { 
  var t = document.getElementById("PASS1").value; 
  document.getElementById("Sample").innerHTML = "The value for the input field is : "+t; 
}