Membuat Input Otomatis Huruf Kapital (Auto Capitalize) Dengan Javascript

Hallo semuanya, kali ini saya akan berbagi tentang bagaimana membuat inputan html otomatis berubah menjadi huruf besar / kapital (Auto Capitalize) dengan menggunakan Javascript. Bagi teman-teman yang sudah mengenal javascript, pastinya hal ini mudah. Nah untuk menjadikan huruf kapital secara otomatis, kita tinggal menambahkan event onkeyup pada input html. Isi dari event onkeyup tersebut adalah "this.value = this.value.toUpperCase();". Untuk lebih jelasnya, perhatikan code berikut:

<input type="text" class="form-control form-control-sm" placeholder="Nama Pasien" onkeyup="this.value = this.value.toUpperCase();">

Jika direload, maka otomatis text yg kita inputkan ke dalam field akan berubah menjadi huruf kapital. Ini hasil dari codingan saya.



Cukup mudah bukan?

Posting Komentar

0 Komentar