HTML DOM Button autofocus প্রোপার্টি <button> এলিমেন্টের autofocus প্রোপার্টির সাথে যুক্ত। button autofocus প্রোপার্টি নির্দিষ্ট করতে ব্যবহৃত হয় যে HTML ডকুমেন্টের একটি বাটন পেজ লোড হলে ফোকাস পাবে কিনা।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
button autofocus প্রোপার্টি সেট করা:
buttonObject.autofocus = true|false
এখানে, true|false পেজ লোড হলে দেওয়া ইনপুট বাটনটি ফোকাস পাবে কিনা তা নির্দেশ করে।
- True - ইনপুট বাটন ফোকাস পাবে
- False - ইনপুট বাটন ফোকাস পাবে না।
উদাহরণ
HTML DOM button autofocus প্রোপার্টির জন্য একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <button type="button" id="MyButton" autofocus>BUTTON</button> <p>Click the below button to know if the input button above automatically gets the focus on page load or not</p> <button onclick="buttonFocus()">CLICK IT</button> <p id="Sample"></p> <script> function buttonFocus() { var x = document.getElementById("MyButton").autofocus; if(x==true) document.getElementById("Sample").innerHTML="The input button does get focus on page load"; else document.getElementById("Sample").innerHTML="The input button does not get focus on page load"; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
CLICK IT বাটনে ক্লিক করলে:
উপরের উদাহরণে:
আমাদের id "MyButton" এবং autofocus প্রোপার্টি এনাবলড সহ একটি বাটন আছে:
<button type="button" id="MyButton" autofocus>BUTTON</button>
আমাদের তো CLICK IT বাটন আছে buttonFocus() ফাংশন এক্সিকিউট করার জন্য:
<button onclick="buttonFocus()">CLICK IT</button>
buttonFocus() ফাংশন getElementById() মেথড ব্যবহার করে বাটন এলিমেন্টটি পায় এবং এর autofocus মান পায়, যা বুলিয়ান এবং x ভেরিয়েবলে অ্যাসাইন করা হয়। কন্ডিশনাল স্টেটমেন্ট ব্যবহার করে আমরা চেক করি autofocus মান true কিনা false এবং id "Sample" সহ
এলিমেন্টে উপযুক্ত টেক্সট প্রদর্শন করি।
function buttonFocus() { var x = document.getElementById("MyButton").autofocus; if(x==true) document.getElementById("Sample").innerHTML="The input button does get focus on page load"; else document.getElementById("Sample").innerHTML="The input button does not get focus on page load"; }
