HTML DOM Input Search autofocus প্রপার্টি

HTML DOM Input Search autofocus প্রপার্টি HTML <input> এলিমেন্টের autofocus অ্যাট্রিবিউটের সাথে জড়িত। এই প্রপার্টি ইনপুট সার্চ ফিল্ডটি পেজ লোড হলে অটোমেটিক্যালি ফোকাস পাবে কিনা তা সেট বা রিটার্ন করার জন্য ব্যবহৃত হয়।

সিনট্যাক্স

autofocus প্রপার্টির সিনট্যাক্স:

autofocus প্রপার্টি সেট করা

searchObject.autofocus = true|false

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

উদাহরণ

Input search autofocus প্রপার্টির উদাহরণ:

<!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 Input Search autofocus প্রপার্টি

CHECK FOCUS বাটনে ক্লিক করলে:

HTML DOM Input Search autofocus প্রপার্টি

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

আমরা প্রথমে type="search", id="SEARCH1", name="fruits" এবং এর autofocus অ্যাট্রিবিউট true সেট করে একটি <input> এলিমেন্ট তৈরি করেছি। সার্চ ফিল্ডটি একটি ফর্মের ভিতরে আছে।

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

তারপর আমরা একটি CHECK FOCUS বাটন তৈরি করেছি যা ইউজার ক্লিক করলে FocusVal() মেথড এক্সিকিউট করবে।

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

FocusVal() মেথড getElementById() মেথড ব্যবহার করে টাইপ সার্চवाले ইনপুট এলিমেন্টটি পেয়ে তার autofocus প্রপার্টি পায়। autofocus প্রপার্টি সার্চ ফিল্ডের autofocus অ্যাট্রিবিউটের মান অনুযায়ী true বা false রিটার্ন করে। এই মানটি ভেরিয়েবল f-এ অ্যাসাইন করা হয় এবং "Sample" আইডি वाले প্যারাগ্রাফের innerHTML প্রপার্টি ব্যবহার করে প্রদর্শিত হয়।

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