HTML DOM Input Search ऑब्जेक्ट

HTML DOM Input Search ऑब्जेक्ट type "search" वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type search वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं।

प्रॉपर्टीज

Input Search ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं:

प्रॉपर्टी	विवरण
autocomplete	सेट या वापस करने के लिए कि पेज लोड होने पर सर्च फील्ड को स्वचालित रूप से फोकस मिलना चाहिए या नहीं।
autofocus	पेज लोड होने पर सर्च फील्ड को स्वचालित रूप से फोकस मिलना चाहिए या नहीं, इसे सेट या वापस करने के लिए।
defaultValue	सर्च फील्ड के डिफ़ॉल्ट मान को सेट या वापस करने के लिए।
disabled	रीसेट बटन अक्षम है या नहीं, इसे सेट या वापस करने के लिए।
form	सर्च फील्ड वाले फॉर्म का संदर्भ वापस करने के लिए।
list	सर्च फील्ड वाले डेटालिस्ट का संदर्भ वापस करने के लिए।
maxLength	सर्च फील्ड के maxlength एट्रिब्यूट मान को सेट या वापस करने के लिए।
name	सर्च फील्ड के name एट्रिब्यूट मान को सेट या वापस करने के लिए।
pattern	सर्च फील्ड के pattern एट्रिब्यूट मान को सेट या वापस करने के लिए।
placeholder	सर्च फील्ड के placeholder एट्रिब्यूट मान को सेट या वापस करने के लिए।
readOnly	सर्च फील्ड रीड-ओनली है या नहीं, इसे सेट या वापस करने के लिए।
required	फॉर्म सबमिट करने से पहले सर्च फील्ड भरना अनिवार्य है या नहीं, इसे सेट या वापस करने के लिए।
size	सर्च फील्ड के size एट्रिब्यूट मान को सेट या वापस करने के लिए।
type	यह एक रीड ओनली प्रॉपर्टी है जो फॉर्म एलिमेंट का प्रकार वापस करती है जो सर्च फील्ड है।
value	सर्च फील्ड के value एट्रिब्यूट मान को सेट या वापस करने के लिए।

सिंटैक्स

Input search ऑब्जेक्ट बनाने का सिंटैक्स:

var P = document.createElement("INPUT"); P.setAttribute("type", "search");

उदाहरण

Input Search ऑब्जेक्ट का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<script> 
  function createSearch() { 
    var S = document.createElement("INPUT"); 
    S.setAttribute("type", "search"); 
    document.body.appendChild(S); 
  } 
</script> </head> <body> 
<p>नीचे दिए गए बटन पर क्लिक करके type search वाला इनपुट फील्ड बनाएं</p> 
<button onclick="createSearch()">CREATE</button> 
<br><br> 
FRUITS: </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Input Search ऑब्जेक्ट

CREATE बटन पर क्लिक करने पर:

HTML DOM Input Search ऑब्जेक्ट