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

HTML DOM Input Search disabled প্রোপার্টি সার্চ ফিল্ডটি ডিজেবল রাখা উচিত কিনা সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি বুলিয়ান মান ব্যবহার করে যেখানে true মানে এলিমেন্টটি ডিজেবল থাকবে এবং false মানে অন্যথা। disabled প্রোপার্টি ডিফল্টভাবে false সেট থাকে। যাইহোক, ডিজেবল এলিমেন্ট ডিফল্টভাবে স্লেটি রঙের হয়ে যায় এবং আনক্লিকেবল হয়।

সিনট্যাক্স

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

searchObject.autofocus = true|false

এখানে, true=সার্চ ফিল্ড ডিজেবল, false=সার্চ ফিল্ড ডিজেবল নয়। ডিফল্টভাবে false।

উদাহরণ

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

<!DOCTYPE html> <html> <body> 
<h1>Input search disabled Property</h1> 
<form> 
FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>DISABLE বাটনে ক্লিক করে উপরের সার্চ ফিল্ড ডিজেবল করুন</p> 
<button type="button" onclick="disableSearch()">DISABLE</button> 
<p id="Sample"></p> 
<script> 
    function disableSearch() { 
        document.getElementById("SEARCH1").disabled=true; 
        document.getElementById("Sample").innerHTML = "The search field is now disabled" ; 
    } 
</script> 
</body> </html>

আউটপুট

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

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

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

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

ব্যাখ্যা

প্রথমে type="search", id="SEARCH1", এবং name="fruits" একটি <input> এলিমেন্ট তৈরি করা হয়েছে। সার্চ ফিল্ডটি একটি ফর্মের ভিতরে অবস্থিত।
তারপর "DISABLE" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে disableSearch() মেথড এক্সিকিউট করবে।
disableSearch() মেথড getElementById() ব্যবহার করে টাইপ সার্চ ইনপুট এলিমেন্টটি পায় এবং এর disabled প্রোপার্টি true সেট করে। এতে সার্চ ফিল্ড আর ক্লিকযোগ্য থাকে না এবং ইউজার এর সাথে ইন্টারঅ্যাক্ট করতে পারে না। এখন এটি স্লেটি হয়ে গেছে।

function disableSearch() { 
    document.getElementById("SEARCH1").disabled=true; 
    document.getElementById("Sample").innerHTML = "The search field is now disabled" ; 
}