Translate Language

Thursday, June 22, 2017

Kode script perancangan form web

selamat pagi,pagi,pagi kali ini saya alan berbagi ilmu mengenai cara pembuatan kode script form web ,pasti untuk kalian para programer web tidak sing dengan form yang berada di web dan kali ini saya akan memberikan kode script nya untuk anda ,dan kode script ini direkomendasikan untuk web Toko online atau juga bisa yang lainya lengkap dengan radio button dan cekboxnya dan tinggal edit saja ,, dan ini contohnya

Contoh Tampilan ketika ditampilkan Di Web


Contoh Tampilan Berupa Visual





















Dan ini Kode scriptnya

   

<style type="text/css">
    h2{color:black;font-family:"Elephant"}<br />    </style> <style type="text/css">
    td{font-family:Verdana;}<br />    h3{font-family:Mv Boli;}<br />    b{color:yellow;}<br />    table{background-color:4546df;}</p>
</style>

&nbsp;

&nbsp;

<form action="proses.php" method="post">
<table border="0">
<tbody>
<tr>
<td>Nama Produk</td>
<td>:</td>
<td><input name="Nama Lengkap" size="37/" type="text" /></td>
</tr>
<tr>
<td>Harga Produk</td>
<td>:</td>
<td><input name="Tempat Lahir" size="37/" type="text" /></td>
</tr>
<tr>
<td>Tanggal Jual</td>
<td>:</td>
<td><select name="Tanggal">
<option selected="selected" value="">Tanggal</option>
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">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>
<option value="31">31</option>
</select>
<select name="Bulan">
<option selected="selected" value="">Bulan</option>
<option value="Januari">Januari</option>
<option value="Februari">Februari</option>
<option value="Maret">Maret</option>
<option value="April">April</option>
<option value="Mei">Mei</option>
<option value="Juni">Juni</option>
<option value="Juli">Juli</option>
<option value="Agustus">Agustus</option>
<option value="September">September</option>
<option value="Oktober">Oktober</option>
<option value="Nopember">Nopember</option>
<option value="Desember">Desember</option>
</select>
<select name="Tahun">
<option selected="selected" value="">Tahun</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
</select></td>
</tr>
<tr>
<td>Jenis Ponsel</td>
<td>:</td>
<td><input id="" name="sex" type="radio" value="1" /> <label class="" for="">Smartphone</label>
<input id="" name="sex" type="radio" value="2" /> Handphone<label class="" for=""></label></td>
</tr>
<tr>
<td valign="top">Detail Produk</td>
<td valign="top">:</td>
<td><textarea cols="27" name="Alamat Rumah" rows="5"> </textarea></td>
</tr>
<tr>
<td>Nomor Hp anda</td>
<td>:</td>
<td></td>
</tr>
<tr>
<td>Kondisi Produk</td>
<td>:</td>
<td><input name="Olahraga" type="checkbox" /> No Minus
<input name="Musik" type="checkbox" /> Minus
<input name="Lainnya" type="checkbox" /> Mati Total</td>
</tr>
<tr>
<td>Foto Produk</td>
<td>:</td>
<td><input name="" type="file" /></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="submit" value="Publikasikan" /></td>
</tr>
</tbody>
</table>
</form>&nbsp;


























 


EmoticonEmoticon