Membatasi Input Pada Form HTML

Membatasi Input Pada Form HTML

Atribut min dan max adalah suatu atribut untuk membatasi nilai maksimum dan minimum yang boleh diinputkan pada form tersebut. Atribut ini biasanya digunakan pada inputan yang berkaitan dengan angka.

Misalnya tidak boleh menginput angka negatif, angka lebih dari 10, tanggal kurang dari tahun 2000, dll. Sedangkan untuk inputan berupa teks, atribut ini tidak akan bisa bekerja.

1. Tidak boleh input angka negatif pada form

Agar tidak bisa input angka negatfi, maka kita perlu batasi nilai minimanya menjadi nol (0).

<input type="number" min="0" />

2. Hanya menerima angka dari 1 sampai 5 saja

Nilai yang boleh diinput dari 1 sampai 5 saja, maka kita hanya perlu menentukan nilai terkecilnya 1 dan terbesar 5.

<input type="number" min="1" max="5" />

3. Hanya boleh input tanggal diatas tahun 2000

Agar tanggal yang dinput diatas tahun 2000, maka kita perlu mengatur batas bawahnya (min) menjadi 2000-12-30. Biasanya untuk fitur tanggal lahir.

<input type="date" min="2000-12-30" />

Download Tutorial