<input> এলিমেন্টের autofocus অ্যাট্রিবিউট নির্দিষ্ট করে যে পেজ লোড হলে কোন ইনপুট ফিল্ডে স্বয়ংক্রিয়ভাবে ফোকাস যাবে। এটি HTML5-এ চালু করা হয়েছে।
সিনট্যাক্স:
<input autofocus>
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>অ্যাকাউন্টে লগ ইন করুন</h2> <form action="" method="get"> আইডি: <input type="text" name="id"><br> পাসওয়ার্ড: <input type="password" name="pwd"><br> জন্ম তারিখ: <input type="date" name="dob" autofocus><br> <button type="submit" value="জমা দিন">জমা দিন</button> </form> </body> </html>
উপরের উদাহরণে তৃতীয় ইনপুট ফিল্ড (জন্ম তারিখ) এ autofocus সেট করা হয়েছে, তাই পেজ লোড হলে কার্সর সেখানে থাকবে।
নियम: একটি পেজে শুধু একটি এলিমেন্টে autofocus থাকা উচিত। একাধিক থাকলে ব্রাউজার প্রথমটি ফোকাস করে। মোবাইল ডিভাইসে এটি কিবোর্ড খুলতে পারে, যা UX-এ সমস্যা সৃষ্টি করতে পারে।
