HTML <input> pattern गुण
परिभाषा और उपयोग
पैटर्न गुण इस रेगुलर अभिव्यक्ति को निर्दिष्ट करता है, जो फॉर्म को सबमिट करते समय <input> एलिमेंट के मूल्य की जांच के लिए इस्तेमाल किया जाता है。
ध्यान दें:पैटर्न गुण निम्नलिखित इनपुट टाइपों के लिए लागू होता है:
- टेक्स्ट
- डेट
- सर्च
- यूआरएल
- टेल
- ईमेल
- पासवर्ड
सूचना:इस्तेमाल करता है सार्वभौमिक title गुण इस मॉडल का वर्णन करने के लिए, ताकि उपयोगकर्ता इसे समझ सकें。
सूचना:हमारे JavaScript शिक्षा सामान्य अभिव्यक्ति के बारे में अधिक जानकारी प्राप्त करने के लिए
उदाहरण
उदाहरण 1
इसमें एक इनपुट फ़ॉर्म है जो केवल तीन अक्षरों को शामिल कर सकता है (संख्या या विशेष चरित्र नहीं):
<form action="/action_page.php">
<label for="country_code">देश कोड़:</label>
<input type="text" id="country_code" name="country_code"}}
pattern="[A-Za-z]{3}" title="तीन अक्षर का देश कोड"><br><br>
<input type="submit">
</form>
उदाहरण 2
एक type वाल्यू "password" होने वाले <input> एलिमेंट को कम से कम 8 अक्षरों को शामिल करना चाहिए:
<form action="/action_page.php">
<label for="pwd">पासवर्ड:</label>
<input type="password" id="pwd" name="pwd"
pattern=".{8,}" title="आठ या अधिक अक्षर">
<input type="submit">
</form>
उदाहरण 3
एक type वाल्यू "password" होने वाले <input> एलिमेंट को 8 या अधिक अक्षरों को शामिल करना चाहिए, कम से कम एक नंबर, एक बड़ा अक्षर और एक छोटा अक्षर शामिल करना चाहिए:
<form action="/action_page.php">
<label for="pwd">पासवर्ड:</label>
<input type="password" id="pwd" name="pwd"
pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}"
title="कम से कम आठ अक्षर होना चाहिए, जिसमें कम से कम एक नंबर, एक बड़ा अक्षर और एक छोटा अक्षर होना चाहिए">
<input type="submit">
</form>
उदाहरण 4
एक type वाल्यू "email" होने वाले <input> एलिमेंट को निम्नलिखित क्रम में शामिल करना चाहिए: characters@characters.domain。
अक्षरों और @ सूचकांक से बना है, इसके बाद और अक्षरों को जोड़ें, फिर एक "." सूचकांक को जोड़ें। "." सूचकांक के बाद, कम से कम दो a से z के अक्षरों को जोड़ें:
<form action="/action_page.php">
<label for="email">इलेक्ट्रॉनिक ईमेल:</label>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
<input type="submit">
</form>
उदाहरण 5
एक type वाल्यू "search" होने वाले <input> एलिमेंट को निम्नलिखित अक्षरों को शामिल नहीं करना चाहिए: ' या "。
<form action="/action_page.php"> <label for="search">Search:</label> <input type="search" id="search" name="search" pattern="[^'\x22]+" title="अवैध इनपुट"> <input type="submit"> </form>
उदाहरण 6
यहाँ एक <input> एलिमेंट है जिसका type वाल्यू "url" है, जिसे http:// या https:// से शुरू करना चाहिए, इसके बाद कम से कम एक अक्षर आता है:
<form action="/action_page.php"> <label for="website">होमपेज:</label> <input type="url" id="website" name="website" pattern="https?://.+" title="शामिल http://"> <input type="submit"> </form>
व्याकरण
<input pattern="regexp">
गुण मूल्य
| मूल्य | वर्णन |
|---|---|
| regexp | <input> एलिमेंट के मूल्य की नियमावली रेगुलर एक्सप्रेशन निर्धारित करें |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं।
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
| 5.0 | 10.0 | 4.0 | 10.1 | 9.6 |
टिप्पणी：पैटर्न गुण HTML5 में नई गुण है।
