HTML DOM ইনপুট পাসওয়ার্ড ফর্ম সম্পত্তি

HTML DOM ইনপুট পাসওয়ার্ড ফর্ম বৈশিষ্ট্যটি ইনপুট পাসওয়ার্ড ক্ষেত্র রয়েছে এমন ফর্ম রেফারেন্স ফেরত দেওয়ার জন্য ব্যবহৃত হয়। যদি ইনপুট পাসওয়ার্ড ক্ষেত্রটি ফর্মের বাইরে থাকে তবে এটি কেবল NULL ফেরত দেবে। এই সম্পত্তি শুধুমাত্র পঠনযোগ্য।

সিনট্যাক্স

ইনপুট পাসওয়ার্ড ফর্ম সম্পত্তির জন্য সিনট্যাক্স নিচে দেওয়া হল।

passwordObject.form

উদাহরণ

আসুন ইনপুট পাসওয়ার্ড ফর্ম প্রপার্টি −

-এর জন্য একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input Password form Property</h1>
<form id="NEW_FORM">
Password: <input type="password" id="PASS">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("PASS").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট পাসওয়ার্ড ফর্ম সম্পত্তি

GET FORM বোতামে ক্লিক করলে -

HTML DOM ইনপুট পাসওয়ার্ড ফর্ম সম্পত্তি

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

আমরা প্রথমে "PASS" আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি এবং এটি একটি

উপাদানের মধ্যে রয়েছে যার আইডি "NEW_FORM" −

<form id=”NEW_FORM”>
Password: <input type="password" id="PASS">
</form>

তারপরে আমরা একটি বোতাম GET FORM তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে ফর্মআইডি() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="formId()">GET FORM</button>

টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে formId() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে এবং ফর্ম অবজেক্টের আইডি বৈশিষ্ট্য পায় যাতে পাসওয়ার্ড ক্ষেত্র রয়েছে। তারপর এটি ভেরিয়েবল P-কে এই মান নির্ধারণ করে এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শন করে −

function formId() {
   var P=document.getElementById("PASS").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
}