Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?-html tutorial-php.cn

Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?

WBOY

Lepaskan： 2023-08-19 19:33:12

ke hadapan

675 orang telah melayarinya

Bagaimana untuk menambah ungkapan biasa dalam HTML yang menyemak nilai elemen input?

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">

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!