কম্পিউটার

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


HTML DOM ইনপুট পাসওয়ার্ড টাইপ প্রপার্টি ইনপুট এলিমেন্ট এর টাইপ="পাসওয়ার্ড" এর সাথে যুক্ত। এটি সর্বদা ইনপুট পাসওয়ার্ড উপাদানের জন্য পাসওয়ার্ড প্রদান করবে।

সিনট্যাক্স

পাসওয়ার্ড টাইপ প্রপার্টির জন্য সিনট্যাক্স নিচে দেওয়া হল -

passwordObject.type

উদাহরণ

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

-এর জন্য একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<body>
<h1>password type property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element type by clicking the below button</p>
<button onclick="getType()">Get Type</button>
<p id="Sample"></p>
<script>
   function getType() {
      var t = document.getElementById("PASS1").type;
      document.getElementById("Sample").innerHTML = "The type for the input field is : "+t;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

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

"প্রকার পান" বোতামে ক্লিক করার পরে -

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

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

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

PASSWORD: <input type="password" id="PASS1">

তারপরে আমরা "Get Type" বোতামটি তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে getType() পদ্ধতিটি কার্যকর করবে -

<button onclick="getType()">Get Type</button>

getType() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভ্যারিয়েবল টি-তে এর টাইপ অ্যাট্রিবিউট মান নির্ধারণ করে। এই ভেরিয়েবলটি তারপর অনুচ্ছেদে আইডি "নমুনা" এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে প্রদর্শিত হয় -

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

  1. HTML DOM ইনপুট পাসওয়ার্ড অক্ষম বৈশিষ্ট্য

  2. HTML DOM ইনপুট পাসওয়ার্ড ডিফল্ট ভ্যালু প্রপার্টি

  3. HTML DOM ইনপুট রিসেট টাইপ প্রপার্টি

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