HTML DOM Input Search readOnly প্রোপার্টি

HTML DOM Input Search readOnly প্রোপার্টি ইনপুট সার্চ ফিল্ডটি রিড-অনলি কিনা সেট বা রিটার্ন করতে ব্যবহৃত হয়। readOnly প্রোপার্টি এলিমেন্টটিকে নন-এডিটেবল করে দেয় কিন্তু এটিকে ট্যাব বা ক্লিক দিয়ে ফোকাস করা যায়। যদি কোনো রিড-অনলি এলিমেন্টের ভিতরে ডিফল্ট ভ্যালু থাকে তবে সাবমিট করার সময় সেটি সার্ভারে পাঠানো হয়।

সিনট্যাক্স

ReadOnly প্রোপার্টি সেট করার সিনট্যাক্স:

searchObject.readOnly = true|false

এখানে, true মানে সার্চ ফিল্ড রিড-অনলি, false মানে অন্যথা। readOnly প্রোপার্টি ডিফল্টভাবে false সেট থাকে।

উদাহরণ

Search readOnly প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Search readOnly property</h1> 
<form> 
FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>নিচের বাটনে ক্লিক করে উপরের ফিল্ডের readOnly প্রোপার্টি পরিবর্তন করুন</p> 
<button onclick="changeRead()">CHANGE</button> 
<script> 
    function changeRead() { 
        document.getElementById("SEARCH1").readOnly = true; 
    } 
</script> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Input Search readOnly প্রোপার্টি

"CHANGE" বাটনে ক্লিক করার পর:

HTML DOM Input Search readOnly প্রোপার্টি