Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML पैटर्न विशेषता

<घंटा/>

HTML पैटर्न विशेषता एक नियमित अभिव्यक्ति को परिभाषित करती है जिसके विरुद्ध HTML दस्तावेज़ में HTML तत्व का मान मेल खाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

<input pattern=”regular expression”>

आइए HTML पैटर्न विशेषता का एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
   }
   input[type='password'] {
      width: 300px;
      padding: 8px 16px;
      border: 2px solid #fff;
      background: transparent;
      border-radius: 20px;
      display: block;
      margin: 1rem auto;
      outline: none;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 20px;
      width: 330px;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   ::placeholder {
      color: #000;
   }
</style>
<body>
<h1>HTML pattern attribute Example</h1>
<form action="">
<input type="password" placeholder="Enter your account password" required pattern=".{8,}">
<input type="submit" value="Submit" class="btn" onclick='check()'>
</form>
<div class="show"></div>
<script>
   function check() {
      if (document.querySelector("input[type='password']").value.length < 8) {
         document.querySelector(".show").innerHTML = 'Please enter a password of more than or equal             to 8 characters.'
      };
   }
</script>
</body>
</html>

आउटपुट

HTML पैटर्न विशेषता

8 वर्णों से कम का पासवर्ड दर्ज करें और फिर “सबमिट करें . पर क्लिक करें चेतावनी संदेश दिखाने के लिए बटन।

HTML पैटर्न विशेषता


  1. HTML पैटर्न विशेषता

    HTML पैटर्न विशेषता एक नियमित अभिव्यक्ति को परिभाषित करती है जिसके विरुद्ध HTML दस्तावेज़ में HTML तत्व का मान मेल खाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <input pattern=”regular expression”> आइए HTML पैटर्न विशेषता का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html&

  1. HTML रैप विशेषता

    HTML रैप एट्रिब्यूट परिभाषित करता है कि जब किसी HTML दस्तावेज़ में प्रपत्र सबमिट किया जाता है तो टेक्स्ट क्षेत्र में टेक्स्ट को कैसे लपेटा जाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - <textarea wrap=”hard | soft”></textarea> आइए हम HTML रैप एट्रीब्यूट का एक उदाहरण देखें - उ

  1. HTML खींचने योग्य विशेषता

    HTML DOM ड्रैग करने योग्य विशेषता एक बूलियन मान लौटाती है/सेट करती है जो यह निर्दिष्ट करती है कि कोई तत्व ड्रैग करने योग्य है या नहीं। ध्यान दें − लिंक और चित्र डिफ़ॉल्ट रूप से खींचे जा सकते हैं। आइए HTML खींचने योग्य . का एक उदाहरण देखें विशेषता - उदाहरण <!DOCTYPE html> <html> <head