hujung hadapan web
html tutorial
Bagaimana untuk mengehadkan bilangan aksara yang dibenarkan dalam medan teks input borang?
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!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1657
14
1415
52
1309
25
1257
29
1231
24
Adakah HTML mudah belajar untuk pemula?
Apr 07, 2025 am 12:11 AM
HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.
Memahami HTML, CSS, dan JavaScript: Panduan Pemula
Apr 12, 2025 am 12:02 AM
WebDevelopmentReliesOnhtml, CSS, andjavascript: 1) HtmlStructuresContent, 2) CSSStylesit, dan3) JavaScriptaddsInteractivity, Formingthebasisofmodernwebexperiences.
Peranan HTML, CSS, dan JavaScript: Tanggungjawab Teras
Apr 08, 2025 pm 07:05 PM
HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.
Apakah contoh tag permulaan dalam html?
Apr 06, 2025 am 12:04 AM
Anexampleofastartartingtaginhtmlis, yangbeginsaparagraph.startingtagsareessentialinhtmlasttheyinitiateelements, definetheirtypes, andarecrucialforstructuringwebpagesandconstructionthedom.
HTML, CSS, dan JavaScript: Alat penting untuk pemaju web
Apr 09, 2025 am 12:12 AM
HTML, CSS dan JavaScript adalah tiga tiang pembangunan web. 1. HTML mentakrifkan struktur laman web dan menggunakan tag seperti, dan sebagainya. 2. CSS mengawal gaya laman web, menggunakan pemilih dan atribut seperti warna, saiz font, dan lain-lain.
HTML: Struktur, CSS: Gaya, JavaScript: Tingkah Laku
Apr 18, 2025 am 12:09 AM
Peranan HTML, CSS dan JavaScript dalam pembangunan web adalah: 1. HTML mentakrifkan struktur laman web, 2. CSS mengawal gaya laman web, dan 3. JavaScript menambah tingkah laku dinamik. Bersama -sama, mereka membina kerangka, estetika dan interaktiviti laman web moden.
Masa Depan HTML: Evolusi dan Trend dalam Reka Bentuk Web
Apr 17, 2025 am 12:12 AM
Masa depan HTML penuh dengan kemungkinan yang tidak terhingga. 1) Ciri -ciri dan piawaian baru akan merangkumi lebih banyak tag semantik dan populariti komponen web. 2) Trend reka bentuk web akan terus berkembang ke arah reka bentuk yang responsif dan boleh diakses. 3) Pengoptimuman prestasi akan meningkatkan pengalaman pengguna melalui pemuatan imej yang responsif dan teknologi pemuatan malas.
Masa Depan HTML, CSS, dan JavaScript: Trend Pembangunan Web
Apr 19, 2025 am 12:02 AM
Trend masa depan HTML adalah semantik dan komponen web, trend masa depan CSS adalah CSS-in-JS dan CSShoudini, dan trend masa depan JavaScript adalah webassembly dan tanpa pelayan. 1. Semantik HTML meningkatkan kebolehcapaian dan kesan SEO, dan komponen web meningkatkan kecekapan pembangunan, tetapi perhatian harus dibayar kepada keserasian penyemak imbas. 2. CSS-in-JS meningkatkan fleksibiliti pengurusan gaya tetapi boleh meningkatkan saiz fail. Csshoudini membolehkan operasi langsung rendering CSS. 3.Webassembly mengoptimumkan prestasi aplikasi penyemak imbas tetapi mempunyai keluk pembelajaran yang curam, dan tanpa pelayan memudahkan pembangunan tetapi memerlukan pengoptimuman masalah permulaan sejuk.
