<button> autofocus एट्रिब्यूट
autofocus एट्रिब्यूट पेज लोड होने पर निर्दिष्ट बटन पर स्वचालित रूप से फोकस सेट करता है। यह एक बूलियन एट्रिब्यूट है - इसकी उपस्थिति ही इसे सक्रिय करती है।
सिंटैक्स
<button type="button" autofocus>बटन टेक्स्ट</button>
उदाहरण: ऑटोफोकस के साथ बटन
<!DOCTYPE html> <html> <body> <h2>डेमो हेडिंग</h2> <p>यह एक डेमो लाइन है।</p> <button type="button" autofocus>डेमो</button> </body> </html>
आउटपुट
पेज लोड होने पर "डेमो" बटन स्वचालित रूप से फोकस्ड (हाइलाइटेड) दिखाई देगा।
कोड व्याख्या
<button type="button" autofocus>डेमो</button>
महत्वपूर्ण नोट्स
- प्रति पेज केवल एक एलिमेंट में autofocus होना चाहिए
- यह <input>, <textarea>, <select> पर भी काम करता है
- मोबाइल ब्राउज़र्स में व्यवहार भिन्न हो सकता है (वर्चुअल कीबोर्ड ट्रिगर हो सकता है)
- एक्सेसिबिलिटी: स्क्रीन रीडर यूजर्स को अचानक फोकस परिवर्तन भ्रमित कर सकता है
उपयोग के मामले
- लॉगिन फॉर्म्स में पहले फील्ड पर फोकस
- सर्च पेज पर सर्च बॉक्स पर फोकस
- मॉडल डायलॉग में प्राथमिक एक्शन बटन पर फोकस
