<textarea> এলিমেন্টের autofocus অ্যাট্রিবিউট পেজ লোড হলে টেক্সট এরিয়ায় স্বয়ংক্রিয় ফোকাস দিতে ব্যবহৃত হয়। এটি HTML5-এ চালু করা হয়েছে।
সিনট্যাক্স:
<textarea autofocus>
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>ইন্টারভিউ প্রশ্ন</h2> <p>আপনি টেকনিক্যাল রাইটার জব প্রোফাইলের জন্য কেন যেতে চান? (১০০ শব্দ)</p> <textarea rows="6" cols="70" autofocus> উত্তর ১০০ শব্দে লিখুন... </textarea> <p>আপনার শক্তি কী? (৫০ শব্দ)</p> <textarea rows="4" cols="70"> উত্তর ৫০ শব্দে লিখুন... </textarea> </body> </html>
প্রথম টেক্সট এরিয়াতে autofocus থাকায় পেজ লোড হলে কার্সর সেখানে থাকবে। দ্বিতীয়টিতে autofocus থাকা সত্ত্বেও ব্রাউজার প্রথমটিই ফোকাস করবে।
সেরা অনুশীলন: একটি পেজে শুধু একটি autofocus রাখুন। ব্যবহারকারীর অভিজ্ঞতা বাঢাতে লগইন ফর্মের প্রথম ফিল্ডে বা সার্চ বক্সে ব্যবহার করুন।
