Tanımı ve Kullanımı
pattern nitelik ifade belirtilir <input> öğenin değeri ile karşılaştırılır.
Note: pattern : niteliği, aşağıdaki input türleriyle çalışır text, date, search, url, tel, email ve password .
İpucu: Küresel kullanın title kullanıcıya yardımcı olmak için desen tanımlamak için özniteliği.
Tip: hakkında daha fazla bilgi Normal ifadeler JavaScript öğretici.
Geçerli
pattern niteliği şu elemana kullanılabilir:
| Eleman | nitelik |
|---|---|
| <input> | pattern |
Örnekler
Input Örnek
Sadece üç harf içerebilen bir giriş alanına sahip bir HTML formu (no numbers or special characters) :
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Kendin dene " Password Örneği
Bir <input> ile eleman type="password" 6 veya daha fazla karakterden oluşmalıdır:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Kendin dene " Password Örneği
Bir <input> ile eleman type="password" , en az bir sayının 8 veya daha fazla karakter ve bir büyük harf ve küçük harf içermelidir:
<form action="demo_form.asp">
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>
Kendin dene " Browser Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| nitelik | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Desteklenmiyor | 9.6 |