HTML kalıbı Özellik
Tanım ve Kullanım
Nitelik , öğenin değerinin kontrol pattern
edildiği düzenli bir ifadeyi belirtir .
<input>
Not: Özellik pattern
şu giriş türleriyle çalışır: metin, tarih, arama, url, tel, e-posta ve parola.
İpucu:title
Kullanıcıya yardımcı olmak için kalıbı tanımlamak için global özniteliği kullanın .
İpucu: JavaScript eğitimimizde normal ifadeler hakkında daha fazla bilgi edinin .
Şunlar için geçerlidir:
Nitelik pattern
aşağıdaki öğede kullanılabilir:
eleman | Bağlanmak |
---|---|
<giriş> | Desen |
Örnekler
Giriş Örneği
Yalnızca üç harf içerebilen (sayı veya özel karakter içermeyen) giriş alanına sahip bir HTML formu:
<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>
Şifre Örneği
6 veya daha fazla karakter içermesi gereken type="password" içeren bir <input> öğesi:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Şifre Örneği
En az bir sayıdan ve bir büyük ve küçük harften oluşan 8 veya daha fazla karakter içermesi gereken type="password" içeren bir <input> öğesi:
<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>
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |