বিবরণ
HTML DOM Input Password readOnly প্রোপার্টি ব্যবহার করা হয় সেট বা রিটার্ন করার জন্য যে ইনপুট পাসওয়ার্ড ফিল্ড রিড-অনলি কিনা। ReadOnly প্রোপার্টি এলিমেন্টকে নন-এডিটেবল করে দেয় তবে এটি ট্যাব বা ক্লিক করলে ফোকাস পেতে পারে। যদি একটি রিড-অনলি এলিমেন্টের ভেতরে ডিফল্ট মান থাকে তবে সেটি সাবমিট বাটনে ক্লিক করলে সার্ভারে পাঠানো হবে।
সিনট্যাক্স
ReadOnly প্রোপার্টি সেট করার সিনট্যাক্স:
passwordObject.readOnly = true|false
এখানে, true মানে পাসওয়ার্ড ফিল্ড রিড-অনলি, false মানে অন্যথা। ReadOnly প্রোপার্টি ডিফল্টভাবে false সেট করা থাকে।
উদাহরণ
Password readOnly প্রোপার্টির জন্য একটি উদাহরণ:
<!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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর। এখন আপনি ইনপুট পাসওয়ার্ড বক্সের ভেতরে টাইপ করতে পারবেন না:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ইনপুট পাসওয়ার্ড ফিল্ড তৈরি করেছি যার id "PASS1"।
- তারপর একটি CHANGE বাটন তৈরি করা হয়েছে যা ক্লিক করলে changeRead() মেথড এক্সিকিউট হবে।
- changeRead() মেথড getElementById() ব্যবহার করে type="password" ইনপুট এলিমেন্ট পায়। তারপর এর readOnly প্রোপার্টি true সেট করে। এর মানে এখন আমরা পাসওয়ার্ড ফিল্ডে টেক্সট ইনপুট দিতে পারব না তবে এটি ফোকাস পেতে পারবে। ভেতরের টেক্সট সাবমিট বাটনে ক্লিক করলে সার্ভারে পাঠানো হবে।
