HTML <इनपुट> पैटर्न विशेषता
उदाहरण
एक इनपुट फ़ील्ड वाला एक HTML फॉर्म जिसमें केवल तीन अक्षर हो सकते हैं (कोई संख्या या विशेष वर्ण नहीं):
<form action="/action_page.php">
<label for="country_code">Country code:</label>
<input
type="text" id="country_code" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code"><br><br>
<input type="submit">
</form>
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
pattern
विशेषता एक नियमित अभिव्यक्ति निर्दिष्ट करती है कि फॉर्म
<input>
जमा करने पर तत्व के मूल्य की जांच की जाती है।
नोट: विशेषता pattern
निम्नलिखित इनपुट प्रकारों के साथ काम करती है: टेक्स्ट, दिनांक, खोज, यूआरएल, टेली, ईमेल, और पासवर्ड।
युक्ति:title
उपयोगकर्ता की सहायता के लिए पैटर्न का वर्णन करने के लिए वैश्विक विशेषता का उपयोग करें।
युक्ति: हमारे जावास्क्रिप्ट ट्यूटोरियल में रेगुलर एक्सप्रेशन के बारे में अधिक जानें ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो विशेषता का पूर्ण समर्थन करता है।
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | 10.1 | 9.6 |
वाक्य - विन्यास
<input pattern="regexp">
गुण मान
Value | Description |
---|---|
regexp | Specifies a regular expression that the <input> element's value is checked against |
और ज्यादा उदाहरण
उदाहरण
टाइप = "पासवर्ड" वाला एक <इनपुट> तत्व जिसमें 8 या अधिक वर्ण होने चाहिए:
<form action="/action_page.php">
<label for="pwd">Password:</label>
<input type="password" id="pwd"
name="pwd"
pattern=".{8,}" title="Eight or more characters">
<input type="submit">
</form>
उदाहरण
टाइप = "पासवर्ड" वाला एक <इनपुट> तत्व जिसमें 8 या अधिक वर्ण होने चाहिए जो कम से कम एक संख्या के हों, और एक अपरकेस और लोअरकेस अक्षर:
<form action="/action_page.php">
<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd"
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>
उदाहरण
टाइप = "ईमेल" वाला एक <इनपुट> तत्व जो निम्न क्रम में होना चाहिए: वर्ण @ वर्ण । डोमेन (वर्णों के बाद @ चिह्न, उसके बाद अधिक वर्ण, और फिर "."
के बाद "।" साइन करें, a से z में कम से कम 2 अक्षर जोड़ें:
<form action="/action_page.php">
<label
for="email">Email:</label>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
<input type="submit">
</form>
उदाहरण
एक <इनपुट> तत्व प्रकार = "खोज" के साथ जिसमें निम्नलिखित वर्ण नहीं हो सकते: 'या "
<form action="/action_page.php">
<label
for="search">Search:</label>
<input type="search" id="search" name="search"
pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
उदाहरण
टाइप = "यूआरएल" वाला एक <इनपुट> तत्व जो http:// या https:// से शुरू होना चाहिए और उसके बाद कम से कम एक वर्ण होना चाहिए:
<form action="/action_page.php">
<label
for="website">Homepage:</label>
<input type="url" id="website"
name="website"
pattern="https?://.+" title="Include http://">
<input type="submit">
</form>
❮ एचटीएमएल <इनपुट> टैग