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

HTML DOM Input Search required प्रॉपर्टी <input> एलिमेंट के required एट्रिब्यूट से जुड़ी होती है। required प्रॉपर्टी का उपयोग यह सेट और वापस करने के लिए किया जाता है कि फॉर्म को सर्वर पर सबमिट करने से पहले किसी सर्च फील्ड को भरना आवश्यक है या नहीं। यह फॉर्म को सबमिट नहीं करने देता यदि required एट्रिब्यूट वाला सर्च फील्ड यूजर द्वारा खाली छोड़ दिया जाता है।

सिंटैक्स

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

searchObject.required = true|false

यहां, true दर्शाता है कि सर्च फील्ड को भरा जाना चाहिए जबकि false दर्शाता है कि फॉर्म सबमिट करने से पहले फील्ड भरना वैकल्पिक है।

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>Input search required property</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके जांचें कि ऊपर वाला फील्ड भरना अनिवार्य है या नहीं</p> 
<form action="/Sample_page.php"> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits" required> 
  <input type="submit"> 
</form> 
<br> 
<button onclick="checkReq()">CHECK</button> 
<p id="Sample"></p> 
<script> 
  function checkReq() { 
    var Req = document.getElementById("SEARCH1").required; 
    if (Req == true) 
      document.getElementById("Sample").innerHTML = "The search field must be filled before submitting"; 
    else 
      document.getElementById("Sample").innerHTML = "The search field is optional and can be left blank by the user"; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

यदि required प्रॉपर्टी true पर सेट है और आप सबमिट पर क्लिक करते हैं: