HTML पैटर्न विशेषता
परिभाषा और उपयोग
विशेषता एक patternनियमित अभिव्यक्ति निर्दिष्ट करती है जिसके
<input>खिलाफ तत्व का मान चेक किया जाता है।
नोट: विशेषता patternनिम्नलिखित इनपुट प्रकारों के साथ काम करती है: टेक्स्ट, दिनांक, खोज, यूआरएल, टेली, ईमेल, और पासवर्ड।
युक्ति:title उपयोगकर्ता की सहायता के लिए पैटर्न का वर्णन करने के लिए वैश्विक विशेषता का उपयोग करें।
युक्ति: हमारे जावास्क्रिप्ट ट्यूटोरियल में रेगुलर एक्सप्रेशन के बारे में अधिक जानें ।
पर लागू होता है
विशेषता का patternउपयोग निम्नलिखित तत्व पर किया जा सकता है:
| तत्त्व | गुण |
|---|---|
| <इनपुट> | प्रतिरूप |
उदाहरण
इनपुट उदाहरण
एक इनपुट फ़ील्ड वाला एक HTML फॉर्म जिसमें केवल तीन अक्षर हो सकते हैं (कोई संख्या या विशेष वर्ण नहीं):
<form action="/action_page.php">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>
पासवर्ड उदाहरण
टाइप = "पासवर्ड" वाला एक <इनपुट> तत्व जिसमें 6 या अधिक वर्ण होने चाहिए:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
पासवर्ड उदाहरण
टाइप = "पासवर्ड" वाला एक <इनपुट> तत्व जिसमें 8 या अधिक वर्ण होने चाहिए जो कम से कम एक संख्या के हों, और एक अपरकेस और लोअरकेस अक्षर:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">
<input type="submit">
</form>
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो विशेषता का पूर्ण समर्थन करता है।
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |