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

Rumah

hujung hadapan web

html tutorial

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

王林

Sep 08, 2023 pm 02:49 PM

input boranghad watakBilangan medan

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

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!

Kenyataan

Artikel ini dikembalikan pada:tutorialspoint. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel Berkaitan

Mengapa tag HTML penting untuk pembangunan web?May 02, 2025 am 12:03 AM

Htmltagsareessentialforwebdevelopmentastastheystructureandhancewebpages.1) theDefinelayout, semantik, dan interactivity.

Terangkan kepentingan menggunakan gaya pengekodan yang konsisten untuk tag dan atribut HTML.May 01, 2025 am 12:01 AM

Gaya pengekodan HTML yang konsisten adalah penting kerana ia meningkatkan kebolehbacaan, kemampuan dan kecekapan kod. 1) Gunakan tag dan atribut huruf kecil, 2) Pastikan lekukan yang konsisten, 3) Pilih dan tentukan sebut harga tunggal atau berganda, 4) Elakkan mencampurkan gaya yang berbeza dalam projek, 5) Gunakan alat automasi seperti Prettier atau Eslint untuk memastikan konsistensi dalam gaya.

Bagaimana untuk melaksanakan Carousel Multi-Project di Bootstrap 4?Apr 30, 2025 pm 03:24 PM

Penyelesaian untuk melaksanakan Carousel Multi-Project dalam Bootstrap4 Melaksanakan Carousel Multi-Project di Bootstrap4 bukanlah tugas yang mudah. Walaupun bootstrap ...

Bagaimanakah laman web rasmi DeepSeek mencapai kesan menembusi acara tatal tetikus?Apr 30, 2025 pm 03:21 PM

Bagaimana untuk mencapai kesan penembusan peristiwa menatal tetikus? Apabila kami melayari web, kami sering menghadapi beberapa reka bentuk interaksi khas. Sebagai contoh, di laman web rasmi DeepSeek, � ...

Cara mengubahsuai gaya kawalan main balik video HTMLApr 30, 2025 pm 03:18 PM

Gaya kawalan main balik lalai video HTML tidak dapat diubahsuai secara langsung melalui CSS. 1. Buat kawalan tersuai menggunakan JavaScript. 2. Mencantikkan kawalan ini melalui CSS. 3. Pertimbangkan keserasian, pengalaman pengguna dan prestasi, menggunakan perpustakaan seperti video.js atau PLYR dapat memudahkan proses.

Masalah apa yang akan disebabkan oleh menggunakan Pilih asli di telefon anda?Apr 30, 2025 pm 03:15 PM

Masalah yang berpotensi dengan menggunakan pilihan asli pada telefon bimbit semasa membangunkan aplikasi mudah alih, kami sering memenuhi keperluan untuk memilih kotak. Biasanya, pemaju ...

Apakah kelemahan menggunakan pilihan asli di telefon anda?Apr 30, 2025 pm 03:12 PM

Apakah kelemahan menggunakan pilihan asli di telefon anda? Apabila membangunkan aplikasi pada peranti mudah alih, sangat penting untuk memilih komponen UI yang betul. Banyak pemaju ...

Bagaimana untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik menggunakan tiga.js dan octree?Apr 30, 2025 pm 03:09 PM

Gunakan tiga.js dan octree untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik. Gunakan octree dalam tiga.js untuk melaksanakan perayauan orang ketiga di dalam bilik dan tambahkan perlanggaran ...

See all articles