Cara Membuat Form Pemesanan dengan HTML

Cara Membuat Form Pemesanan dengan HTML

Form Pemesanan adalah salah satu fitur yang wajib ada pada website belanja atau store, fitur ini tidak dapat dihilangkan karena fittur ini adalah bagian dari closing, Lalu bagaimana cara kita membuat form pemasanan dengan HTML. Form pemesanan setiap website berbeda-beda, tergantung dengan kebutuhan dan keperluan Checkout.

Ada berbagai bentuk form pemesanan tergantung checkoutnya diarahkan ke mana, ada yang diarahkan ke whatsapp, email, ataupun diarahkan ke sistem website pihak ketiga. namun pada dasarnya semua form pemesanan memiliki kesamaan, yaitu menentukan barang apa yang dibeli, jumlah barang yang dibeli, dan kemana harus dikirim.

 

Membuat Form Pemesanan dengan HTML

 

Form input yang akan kita masukan kedalam kode html adalah nama pembeli, nama barang yang akan dibeli, jumlah barang yang akan dibeli, dan alamat penerima. jadi, dalam membuat suatu form pemesanan, kita harus menentukan terlebih dahulu apa saja data yang dibutuhkan untuk memesan barang kita. setelah itu, kita baru bisa membuat form pemesananya.

karena tidak akan diperjelas secara leber, mungkin terlebih dahulu kamu perlu membaca artikel sebelumnya tentang tag <form>, silahkan klik link artikel berikut :

Langsung saja buka text editornya, boleh pakai notepad ataupun notepad ++, ketikan kode seperti berikut ini :

<html>
<head>
<title>Membuat form pemesanan</title>
</head>
<body>
<h2># Order Product</h2>
<table>

<tr><td>Nama </td><td><input type="text" name="nama_pemesan" placeholder="Nama Lengkap Pembeli"></td></tr>
<tr>
    <td>Nama Barang </td>
    <td>
        <input type="radio" name="baju" value="l"/>Baju Bombar Ukuran L<br/>
        <input type="radio" name="baju" value="xl"/>Baju Bombar Ukuran XL<br/>
        <input type="radio" name="baju" value="xxl"/>Baju Bombar Ukuran XXL<br/>
    </td>
</tr>
<tr>
    <td>Jumlah Barang</td>
    <td>
    <input type="number" value="Order Lebih">
    </td>
</tr>
<tr>
<td>Alamat Penerima</td><td><textarea></textarea></td>
</tr>
<tr><td></td><td><input type="submit" value="Checkout"></td></tr>
</table>
</body>
</html>

Simpan dengan nama form_pemesanan.html, Hasilnya akan tampak seperti gambar berikut ini :

See also  Cara Membuat Form Biodata Dengan Html

Gambar form pemesanan

Secara sederhana, seperti itulah pembuatan form pemesanan dengan HTML, kamu dapat mengembangkan sendiri form pemesanan sesuai dengan kebutuhan, misalnya seperti kirim sebagai dropship dan sebagainya. form tersebut belum bekerja secara sepenuhnya, ketika kamu mengklik tombol checkout, makan akan tampil halaman tidak ditemukan.

untuk memproses data yang dimasukan user, kamu bisa menggunakan PHP atau Javascript. setelah itu, kamu dapat bereksperimen sesuka hati, apakah order akan dikirm ke email, ke whatsapp, atau di halaman website.

Artikel sebelumnya kita telah membahas tentang :

Cara Membuat Form Pendaftaran Dengan HTML

7 Replies to “Cara Membuat Form Pemesanan dengan HTML”

  1. Kalau biar submitnya bisa diteruskan ke email gimana ya kak,
    Karena saya masih bingung dengan atribut action=”proses.php” dan ujung ujungnya berhenti dihalaman checkout

Leave a Reply

Your email address will not be published. Required fields are marked *