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

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

সিনট্যাক্স

−

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

অটোফোকাস প্রপার্টি −

সেট করা হচ্ছে

searchObject.autofocus = true|false

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

উদাহরণ

ইনপুট সার্চ অটোফোকাস প্রপার্টি -

এর একটি উদাহরণ দেখা যাক

<!DOCTYPE html>
<html>
<body>
<h1>Input search autofocus property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" autofocus>
</form>
<p>Get the autofocus attribute value for the above search field by clicking the below
button.</p>
<button type="button" onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
   function FocusVal() {
      var R = document.getElementById("SEARCH1").autofocus;
      document.getElementById("Sample").innerHTML = "The search field has autofocus property
set to "+R;
}
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

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

চেক ফোকাস বোতামে ক্লিক করলে -

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

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

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

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

তারপরে আমরা একটি বোতাম চেক ফোকাস তৈরি করি যা ব্যবহারকারীর দ্বারা ক্লিক করলে FocusVal() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="FocusVal()">CHECK FOCUS</button>

FocusVal() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে টাইপ অনুসন্ধানের সাথে ইনপুট উপাদান পায় এবং এর অটোফোকাস বৈশিষ্ট্য পায়। অটোফোকাস বৈশিষ্ট্য অনুসন্ধান ক্ষেত্রের অটোফোকাস বৈশিষ্ট্য মানের উপর নির্ভর করে সত্য এবং মিথ্যা প্রদান করে। এই মানটি ভেরিয়েবল f-এ বরাদ্দ করা হয়েছে এবং এর innerHTML প্রপার্টি ব্যবহার করে "Sample" id সহ অনুচ্ছেদে প্রদর্শিত হয়েছে -

function FocusVal(){
   var f = document.getElementById("SEARCH1").autofocus;
   document.getElementById("Sample").innerHTML = "The search field autofocus property is set to: "+f;
}