Bagaimana untuk mengehadkan bilangan nombor input dalam html5

WBOY
Lepaskan: 2021-12-17 10:38:33
asal
3545 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:
sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan