skip to main | skip to sidebar

.:: Oeshin ::.

♥ My Daily Life ♥

Pages

Home
About Me

Selasa, 09 Maret 2010

Membuat Aplikasi Form Pemesanan Makanan dan Minuman

Diposting oleh Oeshin di 19.32

Berikut adalah kode untuk membuat form pemesanan makanan atau minuman.

<script language="JavaScript" type="text/javascript"><br><br></script>

pada kode diatas disimpan dengan tipe javascript (.js), sedangkan pada kode dibawah ini merupakan kode untuk tipe .html

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

Hasil dari kode-kode diatas seperti pada gambar dibawah ini.

Selamat Mencoba

Label: PTI478

0 Comments:

Posting Lebih Baru Posting Lama Beranda

Langganan: Posting Komentar (Atom)

.:: Oeshin ::. Copyright © 2008 Free Blogger Template | Scrapping using Scrapblog

About Me

Oeshin

Lihat profil lengkapku

Recent Posts

Recent comments

Labels

My simple life (2)
News (1)
PTI453 (2)
PTI478 (4)
Resep (5)
Simple Info (4)

Total Tayangan Halaman

Diberdayakan oleh Blogger.

Followers

About Me

Oeshin

Lihat profil lengkapku

Blog Archive

► 2011 (6)
- ► Oktober (5)
- ► Agustus (1)

▼ 2010 (14)
- ► April (7)
- ▼ Maret (3)
- ► Februari (4)

► 2009 (3)
- ► Mei (2)
- ► April (1)

My Facebook

Rosiana Oeshin Uchin

Buat Lencana Anda

Blog Archive

► 2011 (6)
- ► Oktober (5)
- ► Agustus (1)

▼ 2010 (14)
- ► April (7)
- ▼ Maret (3)
- ► Februari (4)

► 2009 (3)
- ► Mei (2)
- ► April (1)