The number
jenis memiliki step
nilai pengendalian yang nomor berlaku (bersama dengan max
dan min
), yang defaultnya 1
. Nilai ini juga digunakan oleh implementasi untuk tombol stepper (yaitu menekan naik sebesar step
).
Cukup ubah nilai ini ke apa pun yang sesuai. Untuk uang, dua tempat desimal mungkin diharapkan:
<input type="number" step="0.01">
(Saya juga akan menetapkan min=0
apakah hanya bisa positif)
Jika Anda lebih suka mengizinkan sejumlah tempat desimal, Anda dapat menggunakan step="any"
(meskipun untuk mata uang, saya sarankan tetap berpegang pada 0.01
). Di Chrome & Firefox, tombol stepper akan bertambah / berkurang 1 saat menggunakan any
. (terima kasih atas jawaban Michal Stefanow untuk menunjukkan any
, dan lihat spesifikasi yang relevan di sini )
Berikut ini taman bermain yang menunjukkan bagaimana berbagai langkah memengaruhi berbagai jenis input:
<form>
<input type=number step=1 /> Step 1 (default)<br />
<input type=number step=0.01 /> Step 0.01<br />
<input type=number step=any /> Step any<br />
<input type=range step=20 /> Step 20<br />
<input type=datetime-local step=60 /> Step 60 (default)<br />
<input type=datetime-local step=1 /> Step 1<br />
<input type=datetime-local step=any /> Step any<br />
<input type=datetime-local step=0.001 /> Step 0.001<br />
<input type=datetime-local step=3600 /> Step 3600 (1 hour)<br />
<input type=datetime-local step=86400 /> Step 86400 (1 day)<br />
<input type=datetime-local step=70 /> Step 70 (1 min, 10 sec)<br />
</form>
Seperti biasa, saya akan menambahkan catatan cepat: ingat bahwa validasi sisi klien hanyalah kenyamanan bagi pengguna. Anda juga harus memvalidasi di sisi server!
Via: http://blog.isotoma.com/2012/03/html5-input-typenumber-and-decimalsfloats-in-chrome/
Bekerja untuk saya di Chrome, tidak diuji di browser lain.
sumber
Kamu bisa menggunakan:
sumber
Anda dapat menggunakan atribut langkah ke nomor tipe input:
step="any"
akan memungkinkan desimal apa pun.step="1"
tidak akan mengizinkan desimal.step="0.5"
akan memungkinkan 0,5; 1; 1.5; ...step="0.1"
akan memungkinkan 0,1; 0,2; 0,3; 0,4; ...sumber
Berdasarkan jawaban ini
Berarti :
Kode char:
0, 1, 2, 3, 4, 5, 6, 7, 8, 9
Backspace
(jika tidak, perlu menyegarkan halaman di Firefox)dot
&&
adalahAND
,||
adalahOR
operator.jika Anda mencoba mengapung dengan koma:
Chromium dan Firefox yang Didukung (Linux X64) (browser lain saya tidak ada.)
sumber
Saya melakukannya
kemudian, saya mendefinisikan min dalam 0,4 dan maks dalam 0,7 dengan langkah 0,01: 0,4, 0,41, 0,42 ... 0,7
sumber
Saya hanya memiliki masalah yang sama, dan saya bisa memperbaikinya dengan hanya meletakkan koma dan bukan titik / berhenti penuh dalam jumlah karena lokalisasi Perancis .
Jadi ini berfungsi dengan:
2 tidak apa-apa
2,5 tidak apa-apa
2.5 adalah KO (Angka ini dianggap "ilegal" dan Anda menerima nilai kosong).
sumber