Ads 468x60px

Tuesday, January 17, 2012

Tips Membuat Form Dengan JavaScript

cara membuat form dengan javascript, panduan belajar javascript, mambuat form login dengan javascript, javascript tutorial gratis, kumpulan skrip javascript, kumpulan trik dan tips javascript untuk website, mempercantik website dengan javascript, membuat kotak dialog pada website, membuat program javascript untuk website

Kepada para blogger dan pembaca setia website ini mohon maaf karena akhir akhir ini jarang posting.. Haha
maklum,, banyak tugas yang memang harus diselesaikan. sebelumnya apakah anda pernah mendengar javascript? java script adalah sejenis program java yang dapat di terapkan pada website atau blog yang ekstensi nya berupa .js (jawaban menurut pendapat saya) hehe...

Baik.. langsung saja masuk ke inti judul postingan... yaitu "tips membuat form dengan javascript"... pertama kita menyediakan skrip javascript kemudian memanggilnya pada kode html... berikut contohnya..

<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>

kode diatas akan menampilkan form sebagai berikut...



Jika di tekan tambah akan tampil sebagai berikut :



0 comments:

Post a Comment