কম্পিউটার টিউটোরিয়াল

HTML DOM Input Datetime autofocus প্রোপার্টি


পরিচয়

HTML DOM Input Datetime autofocus প্রোপার্টি সেট/রিটার্ন করে যে ইনপুট ডেটাইম পেজ লোড হলে অটোফোকাস হবে কিনা।

সিনট্যাক্স

বুলিয়ান মান ফেরত দেওয়া (true/false)

inputDatetimeObject.autofocus

autofocus সেট করা

inputDatetimeObject.autofocus = booleanValue

বুলিয়ান মানসমূহ

booleanValue বিবরণ
true পেজ লোড হলে ইনপুট অটোফোকাস হবে।
false ডিফল্ট মান। ইনপুট অটোফোকাস হবে না।

উদাহরণ

নিচে Input Datetime autofocus প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <title>Input Datetime Autofocus</title> </head> <body> 
Date & Time: <input type="datetime" id="Datetime" value="1998-04-09T12:48IST" autofocus> 
<button onclick="removeAutoFocus()">Remove Auto Focus</button> 
<div id="divDisplay"></div> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputDatetime = document.getElementById("Datetime"); 
  divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus; 
  function removeAutoFocus() { 
    if(inputDatetime.autofocus == true){ 
      inputDatetime.autofocus = false; 
      divDisplay.textContent = 'Autofocus: '+inputDatetime.autofocus; 
    } 
  } 
</script> </body> </html>

আউটপুট

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

'Remove Auto Focus' বাটনে ক্লিক করার আগে:

HTML DOM Input Datetime autofocus প্রোপার্টি

'Remove Auto Focus' বাটনে ক্লিক করার পর:

HTML DOM Input Datetime autofocus প্রোপার্টি

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

  2. HTML DOM ইনপুট সাবমিট autofocus প্রপার্টি

  3. HTML DOM ইনপুট টেক্সট autofocus প্রপার্টি

  4. HTML DOM Input Radio autofocus প্রপার্টি