Senin, 14 November 2016

Mengubah Inputan Form Kapital

Pada tutorial kali ini saya akan membagikan sedikit script untuk membuat input pada sebuah form menjadi huruf kapital disetiap awal kalimat. Memang sedikit merepotkan ketika kita menginputkan sebuah kalimat yang mengharuskan disetiap awal kalimatnya harus kapital, misalnya kolom inputan nama, alamat dll.
berikut contoh kode yang bisa digunakan untuk membuat inputan menjadi kapital disetiap awal kalimat.

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    var x = document.getElementById("fname");
     x.value = x.value.toLowerCase().replace(/b[a-z]/g, function(letter) {
    return letter.toUpperCase();
  });
}
</script>
</head>
<body>

<p>A function is triggered when the user releases a key in the input field. The function transforms the character to upper case.</p>
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">

</body>
</html>

Maka hasilnya adalah seperti gambar dibawah ini, ketika meninputkan data, otomatis akan membuat awal kalimat menjadi huruf kapital.