Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML autofocus एट्रिब्यूट


HTML में autofocus एट्रिब्यूट कई एलिमेंट्स के लिए उपयोग किया जाता है और पेज लोड होने पर उस विशेष एलिमेंट पर फोकस सेट करता है। जिन एलिमेंट्स में autofocus एट्रिब्यूट होते हैं वे हैं: <button>, <input>, <select> और <textarea>।

आइए अब HTML में autofocus एट्रिब्यूट को लागू करने का एक उदाहरण देखें −

उदाहरण

<!DOCTYPE html> <html> <body> <h2>परिणाम</h2> <form action="" accept-charset="ISO-8859-1">    <label for="stinfo">छात्र:</label>    <input type="text" name ="stinfo"><br>    <label for="sub">विषय:</label>    <input type="text" name ="sub" autofocus><br>    <label for="rank">रैंक:</label>    <input type="number" name ="rank"><br>    <label for="marks">अंक:</label>    <input type="number" name ="marks"><br><br>    <input type="submit"> </form> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा जो दूसरे टेक्स्टबॉक्स पर फोकस प्रदर्शित करता है, क्योंकि हमने उसी इनपुट टेक्स्ट पर autofocus सेट किया है − 

HTML autofocus एट्रिब्यूट


  1. HTML id एट्रिब्यूट: यूनिक आइडेंटिफायर और CSS/JS सिलेक्टर्स HTML id एट्रिब्यूट: यूनिक आइडेंटिफायर और CSS/JS सिलेक्टर्स

    HTML id एट्रिब्यूट एक एलिमेंट को यूनिक आइडेंटिफायर आवंटित करता है ताकि उस एलिमेंट को CSS और जावास्क्रिप्ट एप्लिकेशन के लिए अलग से पहचाना जा सके। एक ही HTML पेज पर दो एलिमेंट्स का समान id नहीं हो सकता। IDs ऑक्टोथोर्प (#) से शुरू होते हैं। नोट: HTML5 के अनुसार, संख्या से शुरू होने वाले IDs की अनुमति

  1. HTML list एट्रिब्यूट HTML list एट्रिब्यूट

    परिचय HTML list एट्रिब्यूट एक <datalist> एलिमेंट को संदर्भित करता है जिसमें <input> एलिमेंट के लिए पूर्व-परिभाषित विकल्प होते हैं। यह उपयोगकर्ता को सुझावों की एक सूची प्रदान करता है, लेकिन कस्टम इनपुट की भी अनुमति देता है (ड्रॉपडाउन के विपरीत)। सिंटैक्स <input list=text> उदाहरण &

  1. HTML maxlength एट्रिब्यूट HTML maxlength एट्रिब्यूट

    विवरण HTML maxlength एट्रिब्यूट HTML दस्तावेज़ में इनपुट HTML तत्व में अनुमत अधिकतम वर्णों की संख्या को परिभाषित करता है। सिंटैक्स <input maxlength=text> उदाहरण आइए HTML maxlength एट्रिब्यूट का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color: #000;