HTML-এ autofocus অ্যাট্রিবিউট একাধিক এলিমেন্টে ব্যবহার করা যায় এবং পেজ লোড হলে সেই নির্দিষ্ট এলিমেন্টে ফোকাস সেট করে। এই অ্যাট্রিবিউট সমর্থনকারী এলিমেন্টগুলো:
<button>, <input>, <select> এবং <textarea>।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>ফলাফল</h2> <form action="" accept-charset="ISO-8859-1"> <label for="stinfo">ছাত্র:</label> <input type="text" name ="stinfo"><br> <label for="sub">বিষয়:</label> <input type="text" name ="sub" autofocus><br> <label for="rank">র্যাঙ্ক:</label> <input type="number" name ="rank"><br> <label for="marks">নম্বর:</label> <input type="number" name ="marks"><br><br> <input type="submit"> </form> </body> </html>
উপরের উদাহরণে দ্বিতীয় ইনপুট ফিল্ডে (বিষয়) autofocus সেট করা হয়েছে, তাই পেজ লোড হলে কার্সর সেখানে থাকবে।
ব্রাউজার বিয়হেভিয়র: যদি একাধিক এলিমেন্টে autofocus থাকে, ব্রাউজার DOM-এ প্রথম এলিমেন্টটি ফোকাস করে। মোবাইলে এটি ভার্চুয়াল কিবোর্ড খুলতে পারে।
