Long Life Education: yukkk membuat form dengan java script...... :)

halaman HTML bisa dibuat menjadi dinamis (aktif) dengan memanfaatkan bahasa scripting.
script yang biasa digunakan dalam pemrograman WEB adalah java script.
berikut ini contoh form yang menggunakan java script.....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>resto "enak"</title> </head> <body>  <h3>Form Pemesanan Berbasis JavaScript</h3> <form name="form2" action="#"> <table border="1px"> <tr>     <th>No</th>     <th>Makanan/Minuman</th>     <th>Harga</th>     <th>Pesan</th> </tr> <tr>     <td width="15px">1</td>     <td width="200px">Bakso Istimewa</td>     <td width="85px" bgcolor="#ffa500">@ <input type="text" name="bakso" value="12000" size="6" disabled="true"/></td>     <td width="150px"><input type="text" name="qBakso" value="0" onChange="hitungPesan()"/></td> </tr> <tr>     <td>2</td>     <td>Soto Spesial</td>     <td bgcolor="#ffa500">@ <input type="text" name="soto" value="10000" size="6" disabled="true"/></td>     <td><input type="text" name="qSoto" value="0" onChange="hitungPesan()"/></td> </tr> <tr>     <td>3</td>     <td>Mie Ayam Super</td>     <td bgcolor="#ffa500">@ <input type="text" name="mie" value="15000" size="6" disabled="true"/></td>     <td><input type="text" name="qMie" value="0" onChange="hitungPesan()"/></td> </tr> <tr>     <td>4</td>     <td>Es Degan</td>     <td bgcolor="#ffa500">@ <input type="text" name="degan" value="7000" size="6" disabled="true"/></td>     <td><input type="text" name="qDegan" value="0" onChange="hitungPesan()"/></td> </tr> <tr>     <td>5</td>     <td>Es Campur</td>     <td bgcolor="#ffa500">@ <input type="text" name="campur" value="7000" size="6" disabled="true"/></td>     <td><input type="text" name="qCampur" value="0" onChange="hitungPesan()"/></td> </tr> <tr bgcolor="pink">     <td colspan="3" align="right">Jumlah Total</td>     <td><input type="text" name="Total" disabled="true" /></td> </tr> <tr bgcolor="green">     <td colspan="3" align="right">Diskon</td>     <td><input type="text" name="Diskon" disabled="true" /></td> </tr> <tr bgcolor="red">     <td colspan="3" align="right">Jumlah Dibayar</td>     <td><input type="text" name="Bayar" disabled="true" align="right"/></td> </tr> </table> <input type="button" value="BATAL" onClick="resetForm()" /> </form> </body> </html>

jangan lupa kode javascriptnya...............

Minggu, 14 Maret 2010

yukkk membuat form dengan java script...... :)

1 komentar: