SCRIPT DAN TAG HTML FORM
Selamat datang sahabat sekalian selamat datang kembali di kandang ke 7 tentang tutorial web. Kali ini saya ingin mengajak sahabat untuk membuat sebua form. Tanpa nasi basi, yuk kita intip scripnya dari w3schools ^_^
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="forminput_cv.html">
<table border="0">
<tr>
<td>Nama</td>
<td width="20"> :</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td width="20">:</td>
<td><input type="radio" name="gender" value="pria" />Laki-Laki<input type="radio" name="gender" value="wanita" />Wanita</td>
</tr>
<tr>
<td>Tgl/bln/thn lahir </td>
<td width="20">:</td>
<td>
<select name=tgl>
<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>
</select>
-
<select name=bln>
<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="November">November</option>
<option value="Desember">Desember</option>
</select>
-
<select name=bln>
<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>
</select>
</td>
</tr>
<tr>
<td>Agama</td>
<td width="20">:</td>
<td>
<select name=agama>
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Katolik">Islam</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
</select>
</td>
</tr>
<tr>
<td>Tinggi Badan</td>
<td width="20">:</td>
<td><input type="text" name="tinggi"/></td>
</tr>
<tr>
<td>Berat Badan</td>
<td width="20">:</td>
<td><input type="text" name="berat"/></td>
</tr>
<tr>
<td>Status</td>
<td width="20">:</td>
<td>
<select name=status>
<option value="Menikah">Menikah</option>
<option value="Blm_menikah">Belum Menikah</option>
</select>
</td>
</tr>
<tr>
<td>Hobby</td>
<td width="20">:</td>
<td><input type="text" name="hobby" /></td>
</tr>
<tr>
<td>Alamat</td>
<td width="20" > :</td>
<td><input type="text" name="alamat" height="50" /></td>
</tr>
<tr>
<td>No.Handphone/telp</td>
<td width="20"> :</td>
<td><input type="text" no="no"/></td>
</tr>
<tr>
<td><input type="submit" value="kirim data" /></td>
<td><input type="reset" value="Ulangi" /></td>
</tr>
</table>
</form>
</body>
</html>
Maka hasilnya seperti ini
Untuk mencoba script tadi bisa di coba di link ini. Sekian dari saya terima kasih semoga bermanfaat ^_^
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<form enctype="multipart/form-data" method="post" action="forminput_cv.html">
<table border="0">
<tr>
<td>Nama</td>
<td width="20"> :</td>
<td><input type="text" name="nama" /></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td width="20">:</td>
<td><input type="radio" name="gender" value="pria" />Laki-Laki<input type="radio" name="gender" value="wanita" />Wanita</td>
</tr>
<tr>
<td>Tgl/bln/thn lahir </td>
<td width="20">:</td>
<td>
<select name=tgl>
<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>
</select>
-
<select name=bln>
<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="November">November</option>
<option value="Desember">Desember</option>
</select>
-
<select name=bln>
<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>
</select>
</td>
</tr>
<tr>
<td>Agama</td>
<td width="20">:</td>
<td>
<select name=agama>
<option value="Islam">Islam</option>
<option value="Kristen">Kristen</option>
<option value="Katolik">Islam</option>
<option value="Hindu">Hindu</option>
<option value="Budha">Budha</option>
</select>
</td>
</tr>
<tr>
<td>Tinggi Badan</td>
<td width="20">:</td>
<td><input type="text" name="tinggi"/></td>
</tr>
<tr>
<td>Berat Badan</td>
<td width="20">:</td>
<td><input type="text" name="berat"/></td>
</tr>
<tr>
<td>Status</td>
<td width="20">:</td>
<td>
<select name=status>
<option value="Menikah">Menikah</option>
<option value="Blm_menikah">Belum Menikah</option>
</select>
</td>
</tr>
<tr>
<td>Hobby</td>
<td width="20">:</td>
<td><input type="text" name="hobby" /></td>
</tr>
<tr>
<td>Alamat</td>
<td width="20" > :</td>
<td><input type="text" name="alamat" height="50" /></td>
</tr>
<tr>
<td>No.Handphone/telp</td>
<td width="20"> :</td>
<td><input type="text" no="no"/></td>
</tr>
<tr>
<td><input type="submit" value="kirim data" /></td>
<td><input type="reset" value="Ulangi" /></td>
</tr>
</table>
</form>
</body>
</html>
Maka hasilnya seperti ini
Untuk mencoba script tadi bisa di coba di link ini. Sekian dari saya terima kasih semoga bermanfaat ^_^

0 komentar: