Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?
Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?
- 王林ke hadapan
- 2023-09-08 14:49:021372semak imbas
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">
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>
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">
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>
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>
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!