pattern
Ta’rif va qo‘llanilishi
pattern atributi
<input> elementining qiymati tekshiriladigan regulyar ifodani belgilaydi.
Eslatma: pattern atributi quyidagi kiritish turlari bilan ishlaydi: text, date, search, url, tel, email va password.
Maslahat: Foydalanuvchiga yordam berish maqsadida andozani tavsiflash uchun global title atributidan foydalaning.
Maslahat: Regulyar ifodalar haqida JavaScript darsligimizdan ko‘proq bilib oling.
Qo‘llaniladigan elementlar
pattern atributini quyidagi elementda ishlatish mumkin:
Misollar
Input misoli
Faqat uchta harfdan iborat bo‘lishi mumkin bo‘lgan (raqamlar va maxsus belgilarsiz) kiritish maydoniga ega HTML forma:
<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>
O‘zingiz sinab ko‘ring »
Password misoli
Kamida 6 ta belgidan iborat bo‘lishi kerak bo‘lgan type="password" turidagi <input> elementi:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
O‘zingiz sinab ko‘ring »
Password misoli
Kamida bitta raqam, bitta katta va bitta kichik harfni o‘z ichiga olgan, kamida 8 ta belgidan iborat bo‘lishi kerak bo‘lgan type="password" turidagi <input> elementi:
<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>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar atributni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Atribut | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Qo‘llab-quvvatlanmaydi | 9.6 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!