HTML DOM Input Search value प्रॉपर्टी

HTML DOM Input search value प्रॉपर्टी type="search" वाले इनपुट एलिमेंट और value एट्रिब्यूट से जुड़ी होती है। इसका उपयोग इनपुट सर्च फील्ड के value एट्रिब्यूट के मान को वापस करने या इसे सेट करने के लिए किया जाता है। यह प्रॉपर्टी सर्च फील्ड के लिए डिफ़ॉल्ट मान निर्दिष्ट करने के लिए उपयोग की जाती है और यह यूजर इनपुट के आधार पर मान को भी बदलती है।

सिंटैक्स

Value प्रॉपर्टी सेट करने का सिंटैक्स:

searchObject.value = text;

यहां, text सर्च फील्ड के लिए मान निर्दिष्ट करने के लिए उपयोग किया जाता है।

उदाहरण

Input search value प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input search Value property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले एलिमेंट का मान प्राप्त करें</p> 
<button onclick="getValue()">Get Value</button> 
<p id="Sample"></p> 
<script> 
  function getValue() { 
    var t = document.getElementById("SEARCH1").value; 
    document.getElementById("Sample").innerHTML = "The value for the input field is: " + t; 
  } 
</script> 
</body> </html>

आउटपुट

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

HTML DOM Input Search value प्रॉपर्टी

कुछ टेक्स्ट टाइप करने और फिर "Get Value" बटन पर क्लिक करने पर:

HTML DOM Input Search value प्रॉपर्टी