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

HTML DOM Input Search pattern प्रॉपर्टी का उपयोग इनपुट सर्च फील्ड के pattern एट्रिब्यूट को सेट या वापस करने के लिए किया जाता है। यह pattern प्रॉपर्टी द्वारा निर्दिष्ट एक नियमित अभिव्यक्ति के खिलाफ सर्च फील्ड टाइम की जांच करता है।

सिंटैक्स

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

searchObject.pattern = regexp

यहां, regexp एक नियमित अभिव्यक्ति है जिसके खिलाफ सर्च फील्ड की जांच की जाती है।

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>Input Search pattern property</h1> 
<p>सर्च फील्ड के अंदर का समय या तो तीन न्यूमेरिक वर्णों का हो सकता है या a से g तक के 6 अल्फाबेट वर्णों का</p> 
<form action="/Sample_page.php"> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits" pattern="[0-9]{3}|[a-g]{6}" title="Three numeric character or 6 alphabet between a-g"> 
  <input type="submit"> 
</form> 
<br> 
<button onclick="passPattern()">GET PATTERN</button> 
<p id="Sample"></p> 
<script> 
  function passPattern() { 
    var P = document.getElementById("SEARCH1").pattern; 
    document.getElementById("Sample").innerHTML = "The pattern attribute value is " + P; 
  } 
</script> 
</body> </html>

आउटपुट

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

सर्च फील्ड के अंदर टेक्स्ट दर्ज करने पर जो pattern प्रॉपर्टी में निर्दिष्ट regex से मेल नहीं खाता:

GET PATTERN बटन पर क्लिक करने पर: