HTML DOM ইনপুট অনুসন্ধান অক্ষম সম্পত্তি

HTML DOM ইনপুট অনুসন্ধান নিষ্ক্রিয় বৈশিষ্ট্যটি অনুসন্ধান ক্ষেত্রটি নিষ্ক্রিয় করা উচিত কিনা তা সেট করা বা ফেরানোর জন্য ব্যবহৃত হয়৷ এটি বুলিয়ান মান ব্যবহার করে সত্য প্রতিনিধিত্বকারী উপাদানটিকে নিষ্ক্রিয় করা উচিত এবং অন্যথায় মিথ্যা হওয়া উচিত। অক্ষম সম্পত্তি ডিফল্টরূপে মিথ্যা সেট করা হয়. যাইহোক, নিষ্ক্রিয় উপাদানটি ডিফল্টরূপে ধূসর হয়ে থাকে এবং এটিতে ক্লিক করা যায় না।

সিনট্যাক্স

−

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

অক্ষম সম্পত্তি সেট করা হচ্ছে -

searchObject.autofocus = true|false

এখানে, সত্য=অনুসন্ধান ক্ষেত্র নিষ্ক্রিয় এবং মিথ্যা=অনুসন্ধান ক্ষেত্র নিষ্ক্রিয় নয়। এটি ডিফল্টরূপে মিথ্যা৷

উদাহরণ

ইনপুট অনুসন্ধান নিষ্ক্রিয় সম্পত্তি -

-এর জন্য একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<h1>Input search disabled Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
<form>
<p>Disable the above search field by clicking on the DISABLE button</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 ইনপুট অনুসন্ধান অক্ষম সম্পত্তি

নিষ্ক্রিয় বোতামে ক্লিক করলে -

HTML DOM ইনপুট অনুসন্ধান অক্ষম সম্পত্তি

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

আমরা প্রথমে type=”search”, id=”SEARCH1”, এবং name=”fruits” সহ একটি উপাদান তৈরি করেছি। অনুসন্ধান ক্ষেত্রটি একটি ফর্মের ভিতরে রয়েছে -

<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
<form>

তারপরে আমরা একটি পরিবর্তন বাটন তৈরি করি যা ব্যবহারকারী দ্বারা ক্লিক করলে নিষ্ক্রিয় অনুসন্ধান() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="disableSearch()">DISABLE</button>

disableSearch() মেথড getElementById() মেথড ব্যবহার করে টাইপ সার্চ সহ ইনপুট এলিমেন্ট পায় এবং এর অক্ষম করা প্রপার্টি সত্যে সেট করে। এটি অনুসন্ধান ক্ষেত্রটিকে আর ক্লিকযোগ্য করে তোলে এবং ব্যবহারকারী আর এটির সাথে যোগাযোগ করতে পারে না। এটি এখন ধূসর হয়ে গেছে -

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