HTML-এ <select> এলিমেন্টের autofocus অ্যাট্রিবিউটটি পেজ লোড হলে ড্রপ-ডাউন লিস্টে ফোকাস সেট করতে ব্যবহৃত হয়।
সিনট্যাক্স:
<select autofocus>
এখন <select> এলিমেন্টের autofocus অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h1>প্রোফাইল</h1> <h2>শিক্ষাগত যোগ্যতা</h2> <section> <h3>স্নাতক</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>স্নাতকোত্তর</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section> <section> <p>জুলাই ২০১৫ - মে ২০১৯ পর্যন্ত ABC Corporation-এ টেকনিক্যাল ম্যানেজার হিসেবে কাজ করা হয়েছে।</p> </section> </body> </html>
আউটপুট
উপরের উদাহরণে, আমরা দুটি ভিন্ন সেকশনের অধীনে দুটি ড্রপ-ডাউন লিস্ট রয়েছে:
<section> <h3>স্নাতক</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>স্নাতকোত্তর</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section>
পেজ লোড হলে, আমরা autofocus অ্যাট্রিবিউট ব্যবহার করে ড্রপ-ডাউন লিস্টের একটি জন্য অটোফোকাস সেট করছি:
<select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select>
