Sebelumnya terimakasih saya ucapkan kepada teman baru saya yang sangat baik bang khairulumam yang sudah membagikan tutorial ini...
Ok tanpa banyak basah-basih lagi langsung saja keTKP
1. Login keakun Blogger.com sobat
2. Pilih Rancangan ==> Tambah Gatget ==> html/javascript
3. Kemudian Copy Javascropt dibawah ini dan paste kedalam html/javascript tadi
Ok tanpa banyak basah-basih lagi langsung saja keTKP
1. Login keakun Blogger.com sobat
2. Pilih Rancangan ==> Tambah Gatget ==> html/javascript
3. Kemudian Copy Javascropt dibawah ini dan paste kedalam html/javascript tadi
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
counter = 0;
function action()
{
counterNext = counter + 1;
document.getElementById("input"+counter).innerHTML = "<p>Masukkan Data <input type='text' name='data[]'></p><div id=\"input"+counterNext+"\"></div>";
counter++;
}
</script>
</head>
<body>
<h1>Form Dinamis</h1>
<form method="post" action="submit.php">
<p>Masukkan Data <input type='text' name='data[]'></p>
<div id="input0">
</div>
<p><a href="javascript:action();">Tambah</a></p>
<p><input type="submit" name="submit" value="Submit"><input type="reset" name="reset" value="Reset"></p>
</form>
</body>
</html>
<head>
<script language="JavaScript" type="text/JavaScript">
counter = 0;
function action()
{
counterNext = counter + 1;
document.getElementById("input"+counter).innerHTML = "<p>Masukkan Data <input type='text' name='data[]'></p><div id=\"input"+counterNext+"\"></div>";
counter++;
}
</script>
</head>
<body>
<h1>Form Dinamis</h1>
<form method="post" action="submit.php">
<p>Masukkan Data <input type='text' name='data[]'></p>
<div id="input0">
</div>
<p><a href="javascript:action();">Tambah</a></p>
<p><input type="submit" name="submit" value="Submit"><input type="reset" name="reset" value="Reset"></p>
</form>
</body>
</html>
4. kode diatas akan menampilkan form sebagai berikut...
5. Jika di click Tambah akan tampil sebagai berikut :
6. Kemudian click Save Javascript dan lihat hasilnya...
Selamat mencoba dan semoga bermanfaat.....