HTML DOM इनपुट सर्च ऑब्जेक्ट <इनपुट> एलिमेंट के साथ "सर्च" टाइप के साथ जुड़ा हुआ है। हम क्रमशः createElement() और getElementById() विधि का उपयोग करके टाइप सर्च के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं।
गुण
इनपुट सर्च ऑब्जेक्ट के लिए निम्नलिखित गुण हैं -
| संपत्ति | विवरण |
|---|---|
| स्वतः पूर्ण | यह सेट करने या वापस करने के लिए कि पृष्ठ लोड होने पर खोज फ़ील्ड को स्वचालित रूप से फ़ोकस करना चाहिए या नहीं। |
| ऑटोफोकस | यह सेट करने या वापस करने के लिए कि पृष्ठ लोड होने पर खोज फ़ील्ड को स्वचालित रूप से फ़ोकस करना चाहिए या नहीं। |
| डिफ़ॉल्ट मान | खोज फ़ील्ड डिफ़ॉल्ट मान सेट करने या वापस करने के लिए। |
| अक्षम | सेट करने या वापस लौटने के लिए यदि रीसेट बटन अक्षम कर दिया गया है, या नहीं। |
| फ़ॉर्म | खोज फ़ील्ड वाले प्रपत्र का संदर्भ वापस करने के लिए |
| सूची | खोज फ़ील्ड वाले डेटालिस्ट को संदर्भ वापस करने के लिए। |
| अधिकतम लंबाई | किसी खोज फ़ील्ड की अधिकतम लंबाई विशेषता मान सेट करने या वापस करने के लिए। |
| नाम | किसी खोज फ़ील्ड का नाम विशेषता मान सेट करने या वापस करने के लिए |
| पैटर्न | किसी खोज फ़ील्ड के पैटर्न विशेषता मान को सेट या वापस करने के लिए। |
| प्लेसहोल्डर | किसी खोज फ़ील्ड के प्लेसहोल्डर विशेषता मान को सेट या वापस करने के लिए |
| केवल पढ़ने के लिए | सेट करने या वापस करने के लिए यदि खोज फ़ील्ड केवल पढ़ने के लिए है, या नहीं |
| आवश्यक | सेट करने या वापस करने के लिए यदि फॉर्म सबमिट करने से पहले सर्च फील्ड भरना अनिवार्य है या नहीं। |
| आकार | खोज फ़ील्ड के आकार विशेषता मान को सेट या वापस करने के लिए। |
| टाइप करें | यह केवल पढ़ने के लिए गुण है जो खोज फ़ील्ड के प्रपत्र तत्व के प्रकार को लौटाता है। |
| मान | खोज फ़ील्ड के मान विशेषता मान को सेट या वापस करने के लिए। |
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैएक इनपुट खोज वस्तु बनाना -
var P = document.createElement("INPUT");
P.setAttribute("type", "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>Create an input field with type search by clicking the below button</p>
<button onclick="createSearch()">CREATE</button>
<br><br>
FRUITS:
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट बटन पर क्लिक करने पर -
