Ö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 " Daha "Try it Yourself" Aşağıdaki örnekler.
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.
Tarayıcı 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 |
HTML 4.01 ve HTML5 Arasındaki Farklar
pattern nitelik HTML5'teki yenidir.
Sözdizimi
<input pattern=" Özellik Değerleri değer Açıklama regexp Bu normal bir ifade belirtir <input> öğenin değeri karşı kontrol edilir
Diğer Örnekler
Örnek
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 "
Örnek
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 "
Örnek
Bir <input> ile eleman type="email" aşağıdaki sırada olması gerekir: karakterler @ karakter. @ işareti izledi alanı (karakter, bir daha sonra karakterle devam eden ve "."
Sonra "." Yalnızca a dan z ye 2 3 mektuplar yazabilir, oturum:
<form action="demo_form.asp">
E-mail: <input type="email"
name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>
Kendin dene "
Örnek
Bir <input> ile eleman type="search" : Aşağıdaki karakterleri içeren OLAMAYACAĞINI ' ya "
<form action="demo_form.asp">
Search: <input
type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
Kendin dene "
Örnek
Bir <input> ile eleman type="url" ile başlamalıdır http:// veya https:// en az bir karakterin ardından:
<form action="demo_form.asp">
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include
http://">
<input type="submit">
</form>
Kendin dene "