masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengehadkan bilangan nombor input dalam html5

Bagaimana untuk mengehadkan bilangan nombor input dalam html5

WBOY
Lepaskan： 2021-12-17 10:38:33
asal
3571 orang telah melayarinya

Dalam

html, atribut maks dan min bagi teg input boleh digunakan untuk mengehadkan bilangan nombor input Atribut maks digunakan untuk menentukan nilai maksimum yang dibenarkan dalam medan input, dan atribut min ialah digunakan untuk menentukan nilai minimum yang dibenarkan dalam medan input Kemudian anda boleh mengehadkan bilangan nombor input, sintaksnya ialah "".

Bagaimana untuk mengehadkan bilangan nombor input dalam html5

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Bagaimana untuk mengehadkan bilangan nombor input dalam html5

Jika anda ingin mengehadkan bilangan nombor input dalam html, kami boleh menggunakan maks atribut teg input dan atribut min. Atribut maks

menentukan nilai maksimum yang dibenarkan untuk medan input. Atribut min digunakan untuk menentukan nilai minimum yang dibenarkan untuk medan input. Petua: Atribut maks digunakan bersama dengan atribut min untuk mencipta julat nilai undang-undang.

Sintaks adalah seperti berikut: 

<input max="number|date">
<input min="number|date">
Salin selepas log masuk

Apabila nilai atribut ialah nilai berangka, ia mengawal nilai maksimum nilai input dan kita boleh mengehadkan jumlah input.

Contohnya adalah seperti berikut: 

<html>
<body>
<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="0" max="99" />
<input type="submit" />
</form>
</body>
</html>
Salin selepas log masuk

Hasil output:

Bagaimana untuk mengehadkan bilangan nombor input dalam html5

Tutorial yang disyorkan: "html Video tutorial》

Atas ialah kandungan terperinci Bagaimana untuk mengehadkan bilangan nombor input dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
html5
sumber：php.cn
Artikel sebelumnya：Bagaimana untuk membatalkan sekeping kod dalam html5 Artikel seterusnya：Kod yang manakah digunakan untuk menetapkan warna latar belakang dalam html5
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan