Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?-html tutorial-php.cn

Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?

王林

Lepaskan： 2023-09-08 14:49:02

ke hadapan

1375 orang telah melayarinya

Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?

Dalam artikel ini, kita akan belajar cara mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang.

Kami menggunakan teg untuk mendapatkan input pengguna dalam HTML. Untuk memberikan had (atau julat) kepada medan input, kami menggunakan atribut min dan maks, yang masing-masing menentukan nilai maksimum dan minimum medan input.

Untuk menetapkan had aksara maksimum dalam medan input, kami menggunakan atribut panjang maksimum. Atribut ini digunakan untuk menentukan bilangan maksimum aksara yang boleh dimasukkan ke dalam medan .

Untuk menetapkan had aksara minimum dalam medan input, kami menggunakan atribut panjang min. Atribut ini digunakan untuk menentukan bilangan minimum aksara untuk memasuki medan .

Pertama, mari lihat cara menetapkan had aksara maksimum untuk medan input -

tatabahasa

Berikut ialah sintaks untuk menetapkan had aksara maksimum medan input.

<input maxlength="enter_number">

Salin selepas log masuk

Contoh

Berikut ialah contoh program untuk menetapkan had aksara maksimum medan input -

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <form action = "#">
      Email Id:
      <br>
      <input type = "text" name = "email_id" maxlength = "30" />
      <br>
      Password: <br>
      <input type = "password" name = "password" maxlength = "10" />
      <br>
      <input type = "submit" value ="Submit" />
   </form>
</body>
</html>

Salin selepas log masuk

Tetapkan had aksara minimum

Sekarang, mari lihat cara menetapkan had aksara minimum untuk medan input

;

tatabahasa

Berikut ialah sintaks untuk menetapkan had aksara minimum medan input dalam JavaScript -

<input minlength="enter_number">

Salin selepas log masuk

Contoh

Berikut ialah contoh program untuk menetapkan had aksara minimum medan input dalam JavaScript -

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <form action="#">
      Username:
      <input type="text" name="username"
      minlength="10"><br><br>
      Password:
      <input type="password" name="password"
      minlength="8"><br><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

Salin selepas log masuk

Gunakan aksara maksimum dan minimum dalam medan input

Sekarang mari kita lihat cara menggunakan aksara had minimum dan maksimum dalam medan input -

Contoh

Berikut ialah contoh program untuk menetapkan had minimum dan maksimum aksara medan input dalam JavaScript -

<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <form action="#">
      Username:
      <input type="text" name="username"
      minlength="10" maxlength="20"><br><br>
      Password:
      <input type="password" name="password"
      minlength="8" maxlength="10"><br><br>
      <input type="submit" value="Submit">
   </form>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!