Membuat input type text hanya boleh berisi angka dengan HTML5

html5 - web design murah - input type hanya boleh angka

jasa web design murah dengan tutorial html5 input type dibatasi hanya angka saja



Membuat input type text hanya boleh berisi angka dengan HTML5

Bagaimana membuat input text supaya hanya boleh berisi angka saja? Tidak perlu menggunakan javascript, karena dengan menggunakan HTML5 kita bisa membuatnya dengan mudah.

Anggap saja kita ingin membuat kolom untuk menginputkan temperatur badan seseorang dengan aturan suhu yang boleh diinputkan minimal 30o dan maksimal 50o, ditambah lagi dimungkinkan untuk memasukkan sebanyak satu angka decimal.
Contohnya: 30.1o.

Baca Juga: Mendapatkan total dan total sebelumnya

Dengan kebutuhan seperti itu, kita bisa membuatnya menggunakan HTML5 dengan kode sebagai berikut:

<input id="temperature" class="form-control" max="50" maxlength="4" min="30" name="temperature" size="50" step="0.1" type="number" />

type="number" digunakan sebagai indikator bahwa input data hanya boleh angka.
step="0.1" artinya kenaikan atau pengurangan angka jika tanda up/down diklik.
min="30" max="50" adalah angka minimal dan maksimal yang boleh diinputkan supaya form bisa disubmit.

Dan hasil jadi dari contoh di atas adalah:

DEMO

Baca Juga: Mendapatkan total dan total sebelumnya

Selamat mencoba.



Artikel Lainnya

Web Design Surabaya - Web Design Murah - Jasa SEO terbaik

Mendapatkan total dan total sebelumnya

Sebagai penyedia Jasa Web Design Surabaya, kami terkadang menemukan permintaan customer untuk menampilkan total penjualan hari ini dan tanggal sebelumnya untuk menghitung prosentase kenaikan atau penurunannya. Nah umumnya kita mencari cara mudah yai ...


Memeriksa Password Strength dengan pStrength jQuery Plugin

Di dalam membuat web design, terkadang kita membuat form registrasi untuk pengunjung situs kita. Salah satu fitur di dalam form registrasi adalah password.Salah satu yang dibutuhkan adalah password strength untuk menjamin keamanan akses yang lebih ba ...


Penggunaan if dan else di dalam MYSQL dan PHP

Halo sobat Tatamedia, web design di Surabaya dan Bali.Kali ini kita akan sedikit belajar tentang penggunaan if di dalam syntax mysql, sehingga lebih mempersingkat query. Secara umum, if di dalam mysql memiliki format sebagai berikut: IF(kondisi, ni ...


Kami membuat RESPONSIVE WEB

Responsive web adalah kode program web sehingga website tetap terbaca dengan mudah di semua perangkat baik komputer, smartphone, maupun tablet, dan sangat cocok dengan syarat dari mesin pencari google

web design di bali

Foto Buat Nikah

Desain Grafis

Kontak

08113638531 / 08113865464

info@tatamedia.com

Desainer Website di Surabaya

Web Design di Bali

Kantor

Tatamedia Solusindo Surabaya

Dekkophotography Bali

Video Prewedding

Web Design

Support

Kirim permintaan anda ke

info@tatamedia.com