Tugas 1 : Cara Membuat Form Registrasi HTML
 |
| Form Registrasi |
Berikut adalah Scriptnya:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Tugas</title>
</head>
<body>
<form method="" action="" id="" name="">
<table style="border: 2px #006400 groove; padding:0px; background-color: #F2F5A9" align=center height=400 width=850 >
<tr>
<td colspan=4 align=center height=50 style="border: 1px #006400 groove; padding:0px; background-color: #beb353"><b>FORM REGISTRASI</b></td>
</tr>
<tr>
<td><label for="nim">NIM</label>
<td>:</td>
<td colspan=4><input type="text" name="nim" style="width:400px"/></td>
</tr>
<tr>
<td><label for="nama">NAMA</label></td>
<td>:</td>
<td colspan=4><input type="text" name="nama" style="width:400px"/></td>
</tr>
<tr>
<td><label for="jk">JENIS KELAMIN</label></td>
<td>:</td>
<td colspan=4><input type="radio" name="jk" value="lk" />Laki-laki
<input type="radio" name="jk" value="pr" />Perempuan</td>
</tr>
<tr>
<td><label for="list">ASAL </label></td>
<td>:</td>
<td colspan=4><select name="level">
<option value=-->--</option>
<option value=jambi>Kota Jambi</option>
<option value=jakarta>Jakarta</option>
<option value=pal>Palembang</option>
<option value=riau>Riau</option>
<option value=lain>Dan Lainnya</option>
</select></td>
</tr>
<tr>
<td><label for="no">NO TELP</label></td>
<td>:</td>
<td colspan=4><input type="text" name="no" style="width:410px" /></td>
</tr>
<tr>
<td><label for="email">ALAMAT EMAIL</label></td>
<td>:</td>
<td colspan=4><input type="text" name="email" style="width:410px" /></td>
</tr>
<tr>
<td><label for="pass">PASSWORD :</label></td>
<td>:</td>
<td colspan=4><input type="password" name="pass" style="width:410px"/></td>
</tr>
<tr>
<td><label for="Hobby">HOBBY</label></td>
<td>:</td>
<td><input type="checkbox" name="" value="" />Sepakbola <br />
<input type="checkbox" name="" value="" />Membaca <br />
<input type="checkbox" name="" value="" />Futsal</td>
<td><input type="checkbox" name="" value="" />Jogging <br />
<input type="checkbox" name="" value="" />Berenang <br />
<input type="checkbox" name="" value="" />Gowes</td>
</tr>
<tr>
<td><label for="deskripsi">DESKRIPSI DIRI</label></td>
<td>:</td>
<td colspan=4><textarea name="deskripsi" rows="4" cols="40" style="width:410px">
</textarea></td>
</tr>
<tr >
<td colspan="4" align=center><input type="submit" name="kirim" value="OK" />
<input type="reset" name="test" value="Batal" /></td>
</tr>
<tr>
<td colspan="4" height=30 align=center style="border: 1px #006400 groove; padding:0px; background-color: #beb353" > rizkirama7.blogspot.com</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Tugas</title>
</head>
<body>
<form method="" action="" id="" name="">
<table style="border: 2px #006400 groove; padding:0px; background-color: #F2F5A9" align=center height=400 width=850 >
<tr>
<td colspan=4 align=center height=50 style="border: 1px #006400 groove; padding:0px; background-color: #beb353"><b>FORM REGISTRASI</b></td>
</tr>
<tr>
<td><label for="nim">NIM</label>
<td>:</td>
<td colspan=4><input type="text" name="nim" style="width:400px"/></td>
</tr>
<tr>
<td><label for="nama">NAMA</label></td>
<td>:</td>
<td colspan=4><input type="text" name="nama" style="width:400px"/></td>
</tr>
<tr>
<td><label for="jk">JENIS KELAMIN</label></td>
<td>:</td>
<td colspan=4><input type="radio" name="jk" value="lk" />Laki-laki
<input type="radio" name="jk" value="pr" />Perempuan</td>
</tr>
<tr>
<td><label for="list">ASAL </label></td>
<td>:</td>
<td colspan=4><select name="level">
<option value=-->--</option>
<option value=jambi>Kota Jambi</option>
<option value=jakarta>Jakarta</option>
<option value=pal>Palembang</option>
<option value=riau>Riau</option>
<option value=lain>Dan Lainnya</option>
</select></td>
</tr>
<tr>
<td><label for="no">NO TELP</label></td>
<td>:</td>
<td colspan=4><input type="text" name="no" style="width:410px" /></td>
</tr>
<tr>
<td><label for="email">ALAMAT EMAIL</label></td>
<td>:</td>
<td colspan=4><input type="text" name="email" style="width:410px" /></td>
</tr>
<tr>
<td><label for="pass">PASSWORD :</label></td>
<td>:</td>
<td colspan=4><input type="password" name="pass" style="width:410px"/></td>
</tr>
<tr>
<td><label for="Hobby">HOBBY</label></td>
<td>:</td>
<td><input type="checkbox" name="" value="" />Sepakbola <br />
<input type="checkbox" name="" value="" />Membaca <br />
<input type="checkbox" name="" value="" />Futsal</td>
<td><input type="checkbox" name="" value="" />Jogging <br />
<input type="checkbox" name="" value="" />Berenang <br />
<input type="checkbox" name="" value="" />Gowes</td>
</tr>
<tr>
<td><label for="deskripsi">DESKRIPSI DIRI</label></td>
<td>:</td>
<td colspan=4><textarea name="deskripsi" rows="4" cols="40" style="width:410px">
</textarea></td>
</tr>
<tr >
<td colspan="4" align=center><input type="submit" name="kirim" value="OK" />
<input type="reset" name="test" value="Batal" /></td>
</tr>
<tr>
<td colspan="4" height=30 align=center style="border: 1px #006400 groove; padding:0px; background-color: #beb353" > rizkirama7.blogspot.com</td>
</tr>
</table>
</form>
</body>
</html>
Komentar
Posting Komentar