निम्नलिखित वाक्य रचना है -
<button type="button" autofocus>
ऊपर, हमने ऑटोफोकस को एक बटन पर सेट किया है। आइए अब
. के ऑटोफोकस एट्रिब्यूट को लागू करने के लिए एक उदाहरण देखेंउदाहरण
<!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>This is a demo line.</p> <button type="button" autofocus >Demo</button> </body> </html>
आउटपुट
यह बटन 1 पर फोकस प्रदर्शित करते हुए निम्नलिखित आउटपुट उत्पन्न करेगा -
उपरोक्त उदाहरण में, हमने बटन तत्व के लिए ऑटोफोकस विशेषता सेट की है -
<button type="button" autofocus > Demo </button>
अब, जब पेज लोड होता है, तो फोकस बटन पर ही होगा और वही वेब पेज पर विज़िटर को दिखाई देगा।