কম্পিউটার

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


HTML DOM ইনপুট পাসওয়ার্ড রিডঅনলি প্রপার্টি ইনপুট পাসওয়ার্ড ক্ষেত্রটি শুধুমাত্র পঠনযোগ্য কিনা তা সেট করতে বা ফেরত দেওয়ার জন্য ব্যবহার করা হয়। রিডঅনলি সম্পত্তি উপাদানটিকে অ-সম্পাদনাযোগ্য করে তোলে তবে এটি এখনও ট্যাব বা ক্লিক করে ফোকাস করা যেতে পারে। যদি একটি শুধুমাত্র-পঠন উপাদানের মধ্যে একটি ডিফল্ট মান থাকে তবে এটি জমা দেওয়ার সময় সার্ভারে পাঠানো হয়৷

সিনট্যাক্স

-এর সিনট্যাক্স নিচে দেওয়া হল

শুধুমাত্র পঠনযোগ্য সম্পত্তি −

সেট করুন
passwordObject.readOnly = true|false

এখানে, সত্য প্রতিনিধিত্ব করে পাসওয়ার্ড ক্ষেত্রটি কেবল পড়া হয় যখন মিথ্যা অন্যথায় উপস্থাপন করে। রিডঅনলি প্রপার্টি ডিফল্টরূপে মিথ্যাতে সেট করা আছে।

উদাহরণ

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

এর একটি উদাহরণ দেখি
<!DOCTYPE html>
<html>
<body>
<h1>password readOnly property</h1>
Password: <input type="password" id="PASS1" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
   function changeRead() {
      document.getElementById("PASS1").readOnly = true;
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

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

চেঞ্জ বোতামে ক্লিক করলে। এখন আপনি ইনপুট পাসওয়ার্ড বক্সের ভিতরে টাইপ করতে পারবেন না -

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

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

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

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

তারপরে আমরা একটি চেঞ্জ বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে changeRead() পদ্ধতিটি কার্যকর করবে -

<button onclick="changeRead()">CHANGE</button>

টাইপ পাসওয়ার্ড সহ ইনপুট উপাদান পেতে changeRead() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে। এটি তখন তার শুধুমাত্র পঠনযোগ্য সম্পত্তি সত্যে সেট করে। এর মানে আমরা এখন পাসওয়ার্ড ক্ষেত্রে টেক্সট লিখতে পারি না কিন্তু এটি এখনও ফোকাস করা যেতে পারে। সাবমিট বোতাম -

-এ ক্লিক করলে ভিতরের পাঠ্যটি সার্ভারে পাঠানো হয়
function changeRead() {
   document.getElementById("PASS1").readOnly = true;
}

  1. HTML DOM ইনপুট পাসওয়ার্ড স্থানধারক সম্পত্তি

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

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

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