HTML DOM input radio autofocus प्रॉपर्टी HTML <input> तत्व के autofocus एट्रिब्यूट से जुड़ी हुई है। यह प्रॉपर्टी यह सेट या प्राप्त करने के लिए उपयोग की जाती है कि पेज लोड होने पर इनपुट रेडियो बटन स्वचालित रूप से फोकस होना चाहिए या नहीं।
सिंटैक्स
autofocus प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:
radioObject.autofocus = true|false
यहां, true रेडियो बटन को फोकस मिलना चाहिए दर्शाता है और false अन्यथा दर्शाता है। यह डिफ़ॉल्ट रूप से false पर सेट होता है।
उदाहरण
Input Radio autofocus प्रॉपर्टी का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <body> <h1>Input password autofocus property</h1> <form> RADIO: <input type="radio" id="rad1" name=”BTN” autofocus> </form> <br><br> <button type=”button” onclick="FocusVal()">CHECK FOCUS</button> <p id="Sample"></p> <script> function FocusVal() { var R = document.getElementById("rad1").autofocus; document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
CHECK FOCUS बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="radio", id="rad1", name="BTN" के साथ एक इनपुट फ़ील्ड बनाई और इसमें autofocus प्रॉपर्टी सक्षम है यानी true पर सेट है:
Password: <input type="password" id="rad1" name=”BTN”autofocus>
हमने फिर एक CHECK FOCUS बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर FocusVal() मेथड को निष्पादित करेगा:
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() मेथड getElementById() मेथड का उपयोग करके टाइप रेडियो वाले इनपुट तत्व को प्राप्त करता है और इसका autofocus प्रॉपर्टी प्राप्त करता है। autofocus प्रॉपर्टी रेडियो बटन के autofocus एट्रिब्यूट मान के आधार पर true और false लौटाता है। यह मान वेरिएबल R को असाइन किया जाता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।
function FocusVal() { var R = document.getElementById("rad1").autofocus; document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; }
