<input> एलिमेंट का autofocus एट्रिब्यूट यह निर्दिष्ट करने के लिए उपयोग किया जाता है कि पेज लोड होने पर कौन सा <input> फोकस प्राप्त करेगा। यह एट्रिब्यूट HTML5 में पेश किया गया।
निम्नलिखित सिंटैक्स है −
<input autofocus>
आइए अब <input> एलिमेंट के autofocus एट्रिब्यूट को लागू करने का एक उदाहरण देखें −
उदाहरण
<!DOCTYPE html> <html> <body> <h2>अपने खाते में लॉग इन करें</h2> <form action="" method="get"> ID: <input type="text" name="id"><br> पासवर्ड: <input type="password" name="pwd"><br> जन्म तिथि: <input type="date" name="dob" autofocus><br> <button type="submit" value="सबमिट">सबमिट</button> </form> </body> </html>
आउटपुट
उपरोक्त उदाहरण में, हमने एक फॉर्म बनाया है −
<form action="" method="get"> ID: <input type="text" name="id"><br> पासवर्ड: <input type="password" name="pwd"><br> जन्म तिथि: <input type="date" name="dob" autofocus><br> <button type="submit" value="सबमिट">सबमिट</button> </form>
हमने तीसरे इनपुट यानी जन्म तिथि पर autofocus सेट किया है, इसलिए कर्सर वहीं दिखाई देगा −
जन्म तिथि: <input type="date" name="dob" autofocus><br>
