Definisi dan Penggunaan
The pattern atribut menentukan ekspresi reguler bahwa <input> nilai elemen diperiksa terhadap.
Catatan: pattern atribut bekerja dengan jenis masukan berikut: text, date, search, url, tel, email , dan password .
Tip: Gunakan global title atribut untuk menggambarkan pola untuk membantu pengguna.
Tip: Pelajari lebih lanjut tentang ekspresi reguler di tutorial JavaScript kami.
Berlaku untuk
The pattern atribut dapat digunakan pada elemen berikut:
| Elemen | Atribut |
|---|---|
| <input> | pattern |
contoh
Input Contoh
Bentuk HTML dengan field input yang dapat berisi hanya tiga huruf (tidak ada angka atau karakter khusus):
<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>
Cobalah sendiri " Password Contoh
Sebuah <input> elemen dengan type="password" yang harus berisi 6 atau lebih karakter:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Cobalah sendiri " Password Contoh
Sebuah <input> elemen dengan type="password" yang harus berisi 8 atau lebih karakter yang setidaknya satu nomor, dan satu huruf besar dan huruf kecil:
<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>
Cobalah sendiri " Browser Dukungan
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung atribut.
| Atribut | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10,0 | 4.0 | Tidak didukung | 9.6 |