Tutorial HTML: Cara Membatasi Nilai Input Maksimum Dan Minimum Pada Form Mysql Laravel Minimum - BUTA CODING

Hi, selamat pagi, artikel ini akan membawa pembahasan mengenai mysql laravel minimum Tutorial HTML: Cara Membatasi Nilai Input Maksimum dan Minimum pada Form simak selengkapnya 

Atribut min dengan max merupakan atribut buat membatasi nilai maksimum dengan minimum yang boleh diinputkan ala form. Atribut ini biasanya digunakan ala inputan yang berkaitan dengan angka.

Misalnya tak boleh menginput biji negatif, biji lebih dari 10, tanggal kurang dari tarikh 2000, dsb.

Sedangkan buat inputan berupa teks, atribut ini tak bisa bekerja.

Mari kita jika melantas dengan contoh:

Tidak Boleh input Angka Negatif ala Form

Agar tak bisa menginputkan anka negatfi, maka kita harus batasi nilai minimanya menjadi hampa (0).

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

Kode di atas bakal menghasilkan:

Coba masukkan biji minus dengan mengklik ikon cita-cita bawah ⬇️, maka akhirnya bakal kesomplok di nilai 0.

Tapi…

Kita masih bisa memberikan nilai minus dengan mengetik langsung. Bagaimana donk?

Yap, itu memang bisa dilakukan. Namun saat kita melakukan submit HTML 5 bakal bersedekah tahu, bahwa nilai inputan salah.

Mari kita jika sampel yang lain.

Hanya Terima Angka dari 1 sampai 5

Nilai yang boleh diinputkan dari 1 sampai 5, maka kita hanya harus memasang nilai terkecilnya 1 dengan terbanyak 5.

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

Kode di atas bakal menghasilkan:

Hanya Boleh Input Tanggal diatas Tahun 2000

Agar tanggal yang dinputkan diatas tarikh 2000, maka kita harus mengatur aras bawahnya (min) menjadi 2000-12-30.

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

Kode di atas bakal menghasilkan:

Demo:

Atribut Min-Max – Petani Kode on jsbin.com

Akhir Kata…

Dari beberapa sampel di atas, kita sudah dapat fasih fungsi dari atribut min dengan max. Selanjutnya tergantung anda mau diaplikasikan seperti apa.

Referensi: w3schools

begitulah pembahasan perihal Tutorial HTML: Cara Membatasi Nilai Input Maksimum dan Minimum pada Form semoga info ini berfaedah salam

Artikel ini diposting pada label , tanggal 25-08-2019, di kutip dari https://www.petanikode.com/html-atribut-min-max/