Pemrograman

Bahasa

Framework

Peralatan

Info

Batasi Nilai Input Form di HTML dengan Atribut Min dan Max

– 03 July 2016

Atribut min dan max merupakan atribut untuk menentukan nilai terkecil dan terbesar yang boleh diinputkan pada form. Atribut ini berfungsi untuk membatasi nilai input, misalnya tidak boleh menginput angka negatif, angka lebih dari 10, tanggal kurang dari tahun 2000, dsb.

Tidak Boleh Input Angka Negatif

Agar tidak bisa menginputkan anka negatfi, maka kita perlu batasi nilai minimanya menjadi nol (0).
<input type="number" min="0" />
Kode di atas akan menghasilkan:

Hanya Terima Angka dari 1 sampai 5

Nilai yang boleh diinputkan dari 1 sampai 5, maka kita hanya perlu menentukan nilai terkecilnya 1 dan terbesar 5.
<input type="number" min="1" max="5" />
Kode di atas akan menghasilkan:

Tanggal Diatas Tahun 2000

Agar tanggal yang dinputkan diatas tahun 2000, maka kita perlu mengatur batas bawahnya (min) menjadi 2000-12-30.
<input type="date" min="2000-12-30" />
Kode di atas akan menghasilkan:

Catatan: Input dengan tipe "date" belum didukung di Firefox.

Demo:
Atribut Min-Max -- Petani Kode on jsbin.com

Kesimpulan

Atribut min dan max dapat membatasi nilai input di form. Atribut ini menerima nilai berupa angka dan tanggal.

Referensi: http://www.w3schools.com/tags/att_input_min.asp

No comments :

Post a Comment