Skip to main content

Cara Membuat Form Pemesanan Dengan Mudah

Disini saya akan menjelaskan tentang membuat form pemesanan menggunakan script html, sesuai dengan judulnya membuatnya mudah, anda bisa membuatnya menggunakan dreamweaver, tetapi saya menggunakan notepad.

Jadi langsung saja saya akan memberikan scriptnya tentang membuat form menggunakan html, anda bisa tulis scriptnya dibawah ini,

<form id="fpemesanan" name="fpemesanan" method="post" action="">
<h2>Pemesanan</h2>
<p>Anda bisa mengisi form pesanan:</p>
<form id="pesan" method="post" name="fValidate">
        <table class="form">
        <tr class="form">
            <td class="form">Nama</td>
            <td class="form">:</td>
            <td class="form"><input type="text" name="txtnama" size="20" id="txtnama" value=""></td>
        </tr>
        <tr class="form">
            <td class="form">Alamat</td>
            <td class="form">:</td>
            <td class="form"><textarea col="10" id="txtalamat" name="txtalamat"></textarea></td>
        </tr>
        <tr class="form">
            <td class="form">No. Telp</td>
            <td class="form">:</td>
            <td class="form"><input type="text" name="txttelp" maxlength="12" size="20" value="" onkeyup="angka(e)">
<tr class="form">
            <td class="form">Jumlah Pesanan</td>
            <td class="form">:</td>
            <td class="form"><input type="text" name="txtjmlpesan" size="5" value="" onkeyup="angka(e)"></td>
<tr class="form">
            <td class="form">Jenis Pembayaran</td>
            <td class="form">:</td>
            <td class="form"><input type="radio" id="rbbayar" name="rbbayar" value="COD(Cash On Delivery)">Cash
                <input type="radio" name="rbbayar" id="rbbayar" value="Transfer">Transfer Bank</td>
        </tr>
        <tr class="form">
            <td class="form">Jenis Pengiriman</td>
            <td class="form">:</td>
            <td class="form"><input type="radio" id="rbkirim" name="rbkirim" value="POS">POS
                <input type="radio" name="rbkirim" id="rbkirim" value="JNE/TIKI">JNE/TIKI</td>
<tr class="form">
            <td class="form"><input type="button" name="submit" value="PESAN" onClick="simpan()"></td>
            <td></td>
            <td class="form"><input type="reset" value="BATAL"></td>
       
        </tr>
</form>

Jika sudah anda tulis, bisa langsung disave dengan nama pesan.html, atau bebas sesuka anda, lalu jalankan dibrowser,
Hasilnya seperti dibawah ini:

Pemesanan

Anda bisa mengisi form pesanan:

Nama :
Alamat :
No. Telp :
Jumlah Pesanan :
Jenis Pembayaran : Cash Transfer Bank
Jenis Pengiriman : POS JNE/TIKI
Mudah bukan cara membuatnya, sekian dulu ya tentang cara membuat form pemesanan, lain waktu saya akan memberikan tips yang lain, semoga bermanfaat.

Comments

Post a Comment