HTML में पेज लोड होने पर किसी एलिमेंट को स्वचालित रूप से फोकस देने के लिए autofocus विशेषता (attribute) का उपयोग किया जाता है। यह एक बूलियन विशेषता है।
उदाहरण
निम्नलिखित कोड autofocus विशेषता का उपयोग दर्शाता है:
<!DOCTYPE html>
<html>
<body>
<p>नीचे दिए गए बटन पर क्लिक करके अलर्ट बॉक्स जनरेट करें।</p>
<button type="button" autofocus onclick="alert('स्वागत है!')">परिणाम</button>
</body>
</html>
उपयोग के नियम
- एक पेज पर केवल एक एलिमेंट में
autofocusहोना चाहिए। - यह
<input>,<button>,<select>,<textarea>पर काम करता है। - यदि एक से अधिक एलिमेंट्स में यह विशेषता हो, तो ब्राउज़र पहले वाले को फोकस देता है।
व्यावहारिक उदाहरण
<form> <label>उपयोगकर्ता नाम: <input type="text" name="username" autofocus></label><br> <label>पासवर्ड: <input type="password" name="password"></label><br> <button type="submit">लॉगिन</button> </form>
पहुंच (Accessibility) नोट
autofocus का उपयोग सावधानी से करें क्योंकि यह स्क्रीन रीडर उपयोगकर्ताओं को भ्रमित कर सकता है। केवल उन पेजों पर उपयोग करें जहां मुख्य कार्य फॉर्म भरना हो (जैसे लॉगिन पेज, खोज पेज)।
