উপাদানটির অটোফোকাস বৈশিষ্ট্যটি যখনই পৃষ্ঠা লোড হয় তখন বোতামে ফোকাস সেট করতে ব্যবহৃত হয়৷ নিচের সিনট্যাক্স − <button type="button" autofocus> উপরে, আমরা একটি বোতামে অটোফোকাস সেট করেছি। আসুন এখন উপাদান −-এর অটোফোকাস অ্যাট্রিবিউট প্রয়োগ করার জন্য একটি উদাহরণ দেখি। উদাহরণ <!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>This is a demo line.</p> <button type="button" autofocus >Demo</button> </body> </html> আউটপুট এটি নিম্নলিখিত আউটপুট তৈরি করবে যা ফোকাস বোতাম 1 − এ প্রদর্শন করবে উপরের উদাহরণে, আমরা বোতাম উপাদান −-এর জন্য অটোফোকাস অ্যাট্রিবিউট সেট করেছি <button type="button" autofocus > Demo </button> এখন, যখন পৃষ্ঠা লোড হবে, ফোকাস নিজেই বোতামের উপর থাকবে এবং ওয়েব পৃষ্ঠায় ভিজিটরদের কাছেও এটি প্রদর্শিত হবে।
