Pada kesempatan kali ini saya akan membagikan sebuah postingan dengan tema “membuat auto copy field inputan ke field lain dengan PHP” yang sekiranya materi ini dapat menjadi bahan pembelajaran bagi yang membutuhkan scriptnya. Cara kerja sistem yang akan dibuat yaitu: “pengguna menginput kata atau kalimat pada field inputan yang pertama, maka secara otomatis inputan pertama tersebut akan tampil pada field yang lainnya. Adapun contoh studi kasus seperti tampak pada gambar berikut:
Pada dasarnya model penginputan Auto Copy Field seperti contoh diatas jarang digunakan. Namun, terkadang dibutuhkan pada penginputan form dengan kondisi tertentu. Proses pembuatan Auto Copy Field Inputan Ke Field Lain Dengan PHP sangat sederhana. Adapun srcipt codenya yaitu sebagai berikut:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>kodingbuton.com</title>
</head>
<body bgcolor="#33FFCC">
<h2><center><font color="#F06"> Membuat Auto Copy Field Inputan Ke Field Lain Dengan PHP</font></center></h2>
<h4><center><font color="#F06"> kodingbuton.com</font></center></h4><br>
<form>
<table bgcolor="#FF99FF" align="center" width="30%">
<tr>
<td></td>
</tr>
<tr>
<td><b>Field Inputan</b></td>
<td>
<input type="text" size="35" id="txtInput" onkeyup="copytextbox();" />
</td></tr>
<tr>
<td><b>Copy Otomatis</b></td>
<td><input type="text" size="35" id="txtCopy" readonly />
</td></tr>
<tr>
<td></td>
</tr>
</table>
</form>
<script>
function copytextbox() {
document.getElementById('txtCopy').value = document.getElementById('txtInput').value; }
</script>
</body>
</html>
**) Keterangan:
- Teks berwarna merah merupakan javascript yang befungsi proses copy text secara otomatis;
- Sesuaikan “id” pada inputan dengan javascript seperti tampak pada teks latar belakang biru langit.
Demikian tutorial Membuat Auto Copy Field Inputan Ke Field Lain Dengan PHP yang dapat saya bagikan, semoga bermanfaat dan memberi inspirasi untuk bahan pembelajaran ataupun proses pembuatan source code form penginputan website yang dikerjakan...!
Lihat juga: MembuatAuto Copy dari Opsi Combobox Menggunakan PHP
Post a Comment