HTML में ऑटोफोकस विशेषता का उपयोग कई तत्वों के लिए किया जाता है और पृष्ठ लोड होने पर उस विशेष तत्व पर फ़ोकस सेट करता है। ऑटोफोकस विशेषताओं का गठन करने वाले तत्व हैं।
<button>, <input>, <select> and <textarea>.
आइए अब HTML में ऑटोफोकस विशेषता को लागू करने के लिए एक उदाहरण देखें−
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Result</h2> <form action="" accept-charset="ISO-8859-1"> <label for="stinfo">Student:</label> <input type="text" name ="stinfo"><br> <label for="sub">Subject:</label> <input type="text" name ="sub" autofocus><br> <label for="rank">Rank:</label> <input type="number" name ="rank"><br> <label for="marks">Marks:</label> <input type="number" name ="marks"><br><br> <input type="submit"> </form> </body> </html>
आउटपुट
यह 2 nd . पर फ़ोकस प्रदर्शित करते हुए निम्न आउटपुट उत्पन्न करेगा टेक्स्टबॉक्स, चूंकि हमने एक ही इनपुट टेक्स्ट पर ऑटोफोकस सेट किया है -