ভূমিকা
HTML DOM ইনপুট টেক্সট readOnly প্রপার্টি ব্যবহার করা হয় ইনপুট টেক্সট ফিল্ডটি রিড-অনলি কিনা তা সেট বা রিটার্ন করার জন্য। readOnly প্রপার্টি এলিমেন্টকে নন-এডিটেবল করে দেয় কিন্তু এটি ট্যাব বা ক্লিক করেই ফোকাস করা যাবে। যদি একটি রিড-অনলি এলিমেন্টের ভিতরে ডিফল্ট মান থাকে তবে সেটি সাবমিট করার সময় সার্ভারে পাঠানো হবে।
সিনট্যাক্স
readOnly প্রপার্টি সেট করার সিনট্যাক্স:
textObject.readOnly = true|false
এখানে, true মানে টেক্সট ফিল্ড রিড-অনলি, false মানে অন্যথা। readOnly প্রপার্টি ডিফল্টভাবে false সেট করা থাকে।
উদাহরণ
নিচে ইনপুট টেক্সট readOnly প্রপার্টির একটি উদাহরণ দেওয়া হলো:
<!DOCTYPE html> <html> <body> <h1>Input Text readOnly property</h1> USERNAME: <input type="text" id="USR" > <p>নিচের বাটনে ক্লিক করে উপরের ফিল্ডের readOnly প্রপার্টি পরিবর্তন করুন</p> <button onclick="changeRead()">CHANGE</button> <script> function changeRead() { document.getElementById("USR").readOnly = true; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুটটি তৈরি করবে:
CHANGE বাটনে ক্লিক করার পর আপনি টেক্সট পরিবর্তন করতে পারবেন না এবং এটি সাবমিট করার সময় সার্ভারে পাঠানো হবে:
