Helen 20180801372 Tugasol5

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 4

Tugasol ke-5

1. Bagaimanakah perintah HTML agar muncul tampilan form seperti dibawah ini [tuliskan script
HTML nya]
<!DOCTYPE html>
<html>
<head>
<title>Tugas online 5</title>
</head>
<body>

<h1>Form Register</h1>
<form action="contact.php" method="POST">
<fieldset>
<legend>Register</legend>
<table border="1" cellspacing="9">
<tr>
<td>User Name </td>
<td><input type="text" name="User name" placeholder="User Name..."/></td>
</tr>
<tr>
<td>Password </td>
<td><input type="text" name="password" placeholder="Password..."/></td>
</tr>
<tr>
<td>Re-type Password </td>
<td><input type="text" name="re-type password" placeholder="Re-type Password...."/></td>
</tr>
<tr>
<td>E-mail </td>
<td><input type="text" name="e-mail" placeholder="E-mail..."/></td>
</tr>
<tr>
<td>Nama </td>
<td><input type="text" name="nama" placeholder="Nama..."/></td>
</tr>
<tr>
<td>Nim </td>
<td><input type="text" name="nimm" placeholder="Nim..."/></td>
</tr>
<tr>
<td>Amalat</td>
<td><input type="text" name="alamat" placeholder="Alamat..."/><td>
</tr>
<tr>
<td>Kota Asal</td>
<td><select name="Kota asal">
<option value=" "> </option>
<option value="Medan">Medan</option>
<option value="Bekasi">Bekasi</option>
<option value="Makasar">Makasar</option>
</select></td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td><input type="radio" name="Jenis_Kelamin" value="Pria" />Pria<input type="radio"
name="Jenis_kelamin" value="wanita" />Wanita</td>
</tr>
<table border="1">
<tr>
<table style="text-align:center" border="1" width="300px" cellpadding="10">
<tr>
<td width="100px">Hobi</td>
<td width="100px">
<table border="1" width="100px">
<tr>
<td colspan="4"><input type="radio" name="Hobi" value="Coding" />coding</td>
</tr>
<tr>
<td colspan="4"><input type="radio" name="Hobi" value="ps an" />Ps an</td>
</tr>
<tr>
<td rowspan="4"><input type="radio" name="Hobi" value="bilyard" />Bilyard</td>
</tr>
</table>
</tr>
<tr>
<td width="9">Deskripsi Pribadi<td><input type="text" name=" " placeholder=" " /></td>
</tr>
<table border="1" cellspacing="9">
<tr>
<td><input type="submit" name="submit" value="kirim" /><input type="submit"
name="submit" value="Hapus" /></td>
</tr>
</table>

</body>
</html>
Sambungan Gambar.

2. Buatlah Form regis, yang isi/data nya sesuai tema atau judul home page tugas kelompok anda ?
[kerjakan berkelompok utk tugas kelompok anda]
<!DOCTYPE html>
<html>
<head>
<title>Form Register</title>
</head>
<body>

<h1>Registrasi</h1>
<form action="contact.php" method="POST">
<fieldset>
<legend>Registrasi</legend>
<p>
<label>Nama:</label>
<input type="text" name="nama" placeholder="Nama lengkap..."/>
</p>
<p>
<label>Nim:</label>
<input type="text" name="nim" placeholder="Nim..."/>
</p>
<p>
<label>Tanggal Lahir:</label>
<input type="text" name="tanggallahir" placeholder="Tanggal lahir..."/>
</p>
<p>
<label>Pendidikan:</label>
<input type="text" name="pendidikan" placeholder="Pendidikan..."/>
</p>
<p>
<label>Username:</label>
<input type="text" name="username" placeholder="User Name..."/>
</p>
<p>
<label>Email:</label>
<input type="text" name="email" placeholder="your email..."/>
</p>
<label>Password:</label>
<input type="text" name="password" placeholder="password..."/>
</p>
<p>
<label>Jenis kelamis:</label>
<label><input type="radio" name="jenis_kelamin" value="perempuan"/>perempuan</label>
<label><input type="radio" name="jenis_kelamin" value="laki-laki"/>laki-laki</label>
</p>
<p>
<label>Agama:</label>
<select name="agama">
<option value="islam">Islam</option>
<option value="kristen">Kristen</option>
</select>
</p>
<p>
<label>Deskripsi Pribadi:</label>
<input type="text" name="deskripsi pribadi" placeholder="Deskripsi..."/>
</p>
<p>
<input type="submit" name="submit" value="Daftar"/>
</p>
</fieldset>
</form>

</body>
</html>

You might also like