» » Contoh penggunaan Form pada Html

Contoh penggunaan Form pada Html


Selamat malam,pagi, dan siang gan. Tidak bosan-bosanya mimin membagikan tutorial tentang coding di blog sederhana ‘sinau Coding’. Tetap semangat berkreasi koding gan.
Begini ceritanya, mimin akan membuat” contoh form input barang pada html”
Buka notepad++ agan-agan semua.
Sesudah dibuka ketik coding berikut seperti biasa struktur codingnya

<html>

<head><title></title></head>

<body>

</body>

</html>

Akan tetapi pada post tutorial ini mimin melengkapi dengan form isi data yang dilengkapi table untuk merapikan tampilan pada saat dijalankan progamnya.
Berikut merupakan semua codingnya gan.

<html>

<head><title>FORM ISIAN DATA BARANG</title></head>

<body>

<center><h2>FORM ISIAN DATA BARANG</p></h2></center>

<form>

<table align="center" border="0">

<tr>

<td>Kode Barang Barcode</td>

<td><input type="text" name='kode' size="30" maxlength="30" />

</td> </tr>

<tr>

<td>Nama Barang</td>

<td><input type="text" name='nama' size="40" maxlength="40" />

</td> </tr>

<tr>

<td>Jenis Barang</td>

<td><input type="radio" name='minum' checked>Minuman

<input type="radio" name='makan' >Makanan</td>

</tr>

<tr>

<td>Harga Satuan Rp</td>

<td><input type="text" name='kode' size="20" maxlength="20" />

</td> </tr>

<tr>

<td>Berat</td>

<td><select name="0"></option>

                <option value="5gr">5 gram</option>

                <option value="10gr">10 gram</option>

                <option value="15gr">15 gram</option>

                <option value="20gr">20 gram</option>

                <option value="30gr">30 gram</option>

                </select></td>

                </tr>

                <td>Merk Produk</td>

<td><select name="0"></option>

                <option value="tic">Tictac</option>

                <option value="oreo">Oreo</option>

                <option value="ades">Ades</option>

                <option value="pocar">Pocari</option>

                <option value="danc">Dancow</option>

                </select></td>

                </tr>

<tr>

<td>Unggah foto produk</td>

<td><input type="file" name="browse" /></td>

</tr>

                <tr>

                <td>Tgl Kedatangan barang</td>

                <td><select name="tanggal"></option>

                <option value="1">01</option>

                <option value="2">02</option>

                <option value="3">03</option>

                <option value="4">04</option>

                <option value="5">05</option>

                <option value="6">06</option>

                <option value="7">07</option>

                <option value="8">08</option>

                <option value="9">09</option>

                <option value="10">10</option>

                <option value="11">11</option>

                <option value="12">12</option>

                <option value="13">13</option>

                <option value="14">14</option>

                <option value="15">15</option>

                <option value="16">16</option>

                <option value="17">17</option>

                <option value="18">18</option>

                <option value="19">19</option>

                <option value="20">20</option>

                <option value="21">21</option>

                <option value="22">22</option>

                <option value="23">23</option>

                <option value="24">24</option>

                <option value="25">25</option>

                <option value="26">26</option>

                <option value="27">27</option>

                <option value="28">28</option>

                <option value="29">29</option>

                <option value="30">30</option></select>

                <select name="bulan"></option>

                <option value="jan">Januari</option>

                <option value="feb">Februari</option>

                <option value="mar">Maret</option>

                <option value="april">April</option>

                <option value="mei">Mei</option>

                <option value="jun">Juni</option>

                <option value="jul">Juli</option>

                <option value="agus">Agustus</option>

                <option value="sep">September</option>

                <option value="okt">Oktober</option>

                <option value="nov">November</option>

                <option value="des">Desember</option></select>

                <select name="tahun"></option>

                <option value="t15">2015</option>

                <option value="t16">2016</option>

                <option value="t17">2017</option>

                </select></td>

                </tr>

                <tr>

                <tr><td></td></tr>

                <tr><td></td></tr>

                <tr><td></td></tr>

                <tr><td></td></tr>

                <tr><td></td></tr>

                <tr><td></td></tr>

               

                <center><tr>

                <td><td><input type="submit" name="simpan" value="simpan">

                <input type="submit" name="reset" value="reset">

                </td></td>

                </tr></center>

</table>

</form>

</body>

</html>

Simpan coding tersebut terseraha agan-agan semua kalo mimin menyimpan dengan .html,  berikut hasilnya setelah disave dan dijalankan progamnya



Selesai gan coding yang berwarna biru merupakan coding yang bisa di sedot oleh agan-agan semua. Mimin tidak menjelaskan koding tersebut karena mimin yakin agan-agan semua sudah sedikit paham tentang bahasa pemrogaman html. Kreasikan sendiri  karena terdapat banyak type form di dalam form inputan tersebut. Sekian tutorial tentang “contoh form input barang pada html” semoga bermanfaat gan.

1 Response to "Contoh penggunaan Form pada Html"

Langganan: Posting Komentar (Atom)