HTML DOM इनपुट सर्च ऑटोफोकस प्रॉपर्टी HTML <इनपुट> एलिमेंट के ऑटोफोकस एट्रिब्यूट से जुड़ी है। इस गुण का उपयोग यह निर्धारित करने या वापस करने के लिए किया जाता है कि पृष्ठ लोड होने पर इनपुट खोज फ़ील्ड को स्वचालित रूप से फ़ोकस किया जाना चाहिए या नहीं।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैऑटोफोकस गुण सेट करना -
searchObject.autofocus = true|false
यहां, सत्य का प्रतिनिधित्व करता है खोज क्षेत्र को फोकस मिलना चाहिए और झूठा अन्यथा दर्शाता है। यह डिफ़ॉल्ट रूप से गलत पर सेट होता है।
उदाहरण
आइए हम इनपुट खोज ऑटोफोकस गुण का एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input search autofocus property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" autofocus>
</form>
<p>Get the autofocus attribute value for the above search field by clicking the below
button.</p>
<button type="button" onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
function FocusVal() {
var R = document.getElementById("SEARCH1").autofocus;
document.getElementById("Sample").innerHTML = "The search field has autofocus property
set to "+R;
}
</script>
</body>
</html> पर सेट है आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
CHECK FOCUS बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले एक <इनपुट> एलिमेंट बनाया है जिसमें टाइप ="सर्च", आईडी ="सर्च 1", नाम ="फ्रूट्स" है और इसकी ऑटोफोकस विशेषता सत्य पर सेट है। खोज फ़ील्ड एक प्रपत्र के अंदर है -
<form> FRUITS: <input type="search" id="SEARCH1" name="fruits" autofocus> </form>
फिर हम एक बटन CHECK FOCUS बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर फ़ोकसवैल () विधि को निष्पादित करेगा -
<button type="button" onclick="FocusVal()">CHECK FOCUS</button>
फोकसवैल () विधि getElementById () विधि का उपयोग करके टाइप सर्च के साथ इनपुट तत्व प्राप्त करती है और इसकी ऑटोफोकस संपत्ति प्राप्त करती है। ऑटोफोकस गुण खोज फ़ील्ड ऑटोफोकस विशेषता मान के आधार पर सही और गलत लौटाता है। यह मान चर f को असाइन किया गया है और इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया गया है -
function FocusVal(){
var f = document.getElementById("SEARCH1").autofocus;
document.getElementById("Sample").innerHTML = "The search field autofocus property is set to: "+f;
}