Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?
Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?
- WBOYke hadapan
- 2023-08-19 19:33:12748semak imbas
Tugas yang akan kami laksanakan dalam artikel ini ialah tentang cara menambah ungkapan biasa yang nilai elemen input diperiksa dalam HTML.
Ungkapan biasa yang akan digunakan untuk menyemak nilai elemen input ditentukan oleh atribut corak Jenis input berikut serasi dengan sifat ini: teks, kata laluan, tarikh, carian, e-mel, dsb.
Sintaks
Berikut ialah sintaks atribut corak teg
<input pattern = "regular_exp">
Untuk mendapatkan lebih banyak idea tentang cara menambah ungkapan biasa yang nilai elemen input diperiksa dalam HTML, mari lihat contoh berikut
Untuk taip="kata laluan"
Atribut type="password" pada teg mencipta medan teks di mana pengguna boleh memasukkan kata laluan dengan selamat Bergantung pada penyemak imbas, aksara digantikan apabila ia dimasukkan oleh titik ("•") atau asterisk (. "*").
Contoh
Dalam contoh di bawah, kami menggunakan elemen yang jenisnya ialah "kata laluan".
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="tutorial">Password:</label>
<input type="password" id="tutorial" name="tutorial" pattern=".{8,}"
title="Eight or More Characters">
<input type="submit">
</form>
</body>
</html>
Apabila skrip di atas dilaksanakan, ia akan menjana medan input kata laluan jenis dan menetapkan mod untuk memastikan ia memenuhi kekangan sebelum ia boleh diserahkan, jika tidak, kotak amaran akan dipaparkan.
Untuk medan input terhad dengan tiga huruf
Dalam kes ini, kami mengehadkan medan input untuk hanya membenarkan pengguna memasukkan tiga huruf.
Contoh
Memandangkan perkara berikut, kami menggunakan medan input terhad dengan tiga huruf tanpa nombor atau aksara khas.
<!DOCTYPE html>
<html>
<body>
<form action="#">
<label for="tutorial">Country Code:</label>
<input type="text" id="tutorial" name="tutorial"
pattern="[A-Za-z]{3}" title=" country code"><br><br>
<input type="submit">
</form>
</body>
</html>
Apabila skrip dilaksanakan, ia akan memaparkan output dengan nama "kod negara", dan butang hantar terhad kepada tiga huruf. Jika had tidak dipenuhi, ia akan memaparkan kotak amaran.
Atas ialah kandungan terperinci Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!