Properti HTMLInputElement.defaultValue berkhasiat untuk mengembalikan ke default value atribut VALUE elemen INPUT HTML, sehabis sebelumnya telah mengalami modifikasi.

Sintaks:

inputObj.defaultValue = value inputObj.defaultValue

value yakni DOMString berisi urutan karakter yang didalamnya boleh terdapat entities.

Properti HTMLInputElement.defaultValue sanggup anda manfaatkan untuk mengusut apakah contents dari elemen INPUT telah diubah.

Cara kerja properti HTMLInputElement.defaultValue ini hampir sama ibarat ilustrasi di bawah ini:

    Sebagai ilustrasi saja, saat anda telah melaksanakan perubahan beberapa pengaturan handphone anda, dan saat merasa bahwa ada kesalahan yang anda lakukan, dan anda perlu meresetnya, biar nantinya handphone anda memiliki pengaturan default yang ditetapkan pabrikannya.

Contoh di bawah ini mengembalikan ke default value atribut VALUE sehabis sebelumnya mengalami modifikasi, yaitu saat user telah memasukkan beberapa teks kedalamnya. Sebelumnya di bab HEAD terdapat dua fungsi berikut:

function toUpperCase(field) { field.value = field.value.toUpperCase(); } function resetField(form) { form.Convert.value = form.Convert.defaultValue; }

Dan di bab BODY terdapat:

<FORM> Input text here: <INPUT TYPE="text" NAME="Convert" VALUE="This is default text" ONKEYUP="toUpperCase(this)"> <INPUT TYPE="button" VALUE="Reset Field" ONCLICK="resetField(this.form)"> </FORM>

Masukan teks ke dalam input masukkan yang ada, setelahnya anda akan melihat teks yang dimasukkan tersebut otomatis ditampilkan ke dalam karakter aksara besar semua. Untuk mengembalikan ke default value, yaitu ke nilai atribut VALUE yang sebelum anda modifikasi silahkan tekan tombol bertuliskan ‘Reset Field’.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Ahmad Code

Share
Published by
Ahmad Code

Recent Posts

Source Code Aplikasi Cuti Karyawan menggunakan php

Meskipun masih sederhana tapi aplikasi cuti karyawan online ini cukup bagus untuk dijadikan bahan pembelajaran…

3 hours ago

Source Code Aplikasi Kartu Rencana Studi (krs) Online

Sistem Perwalian Online Sistem kartu rencana studi online berbasis web, dibuat dengan menggunakan Codeigniter 2.1*.…

9 hours ago

Source Code Aplikasi Managemen Surat Berbasis Web

Kemajuan teknologi hari ini menuntut aktifitas manusia untuk berjalan menjadi lebih aktif dan cepat. Tidak…

15 hours ago

Source Code Aplikasi untuk mengelola kasbon karyawan berbasis php

Download Source Code Aplikasi untuk mengelola kasbon karyawan berbasis php. Program ini dibuat menggunakan bahasa…

21 hours ago

Source Code Sistem Informasi Geografis Berbasis Php

Pada postingan kali ini, sourcecodeaplikasi.info kembali mencoba untuk membagikan ke sobat semua tentang sebuah aplikasi…

1 day ago

Source Code Aplikasi Penjualan Barang Toko Bangunan Berbasis Web

Download Source code Aplikasi Penjualan Barang Berbasis Web Gratis. Aplikasi ini dibangun menggunakan bahasa pemrograman…

1 day ago