Bagaimana untuk mengehadkan bilangan nombor input dalam html5-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengehadkan bilangan nombor input dalam html5

WBOY

Lepaskan： 2021-12-17 10:38:33

asal

3531 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!