Pipin Irwandi (Ir.One_pp)Ok, Pada kesempatan ini ane mau posting materi Postest Praktikum ke-4 Pemrograman Web. Pada postingan ini ane mempelajari pembuatan Form dengan HTML.
Untuk tampilannya akan terlihat seperti gambar di bawah
Dan dibawah ini untuk scriptnya
<html>
<head>
<title>Praktikum 4</title>
</head>
<body>
<form action="" method="post" name="form">
<table>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" placeholder="Enter Your Name" required></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><input type="text" name="alamat" placeholder="Enter Your address" required size="50"></td>
</tr>
<tr>
<td>Telp</td>
<td>:</td>
<td><input type="text" name="telp" placeholder="Enter Your Telp" required size="12"></td>
</tr>
<tr>
<tr>
<td>Hobi</td>
<td>:</td>
<td>
<input type="checkbox" name="hobi" value="Menggambar">Menggambar</label>
<label><input type="checkbox" name="hobi" value="Menyanyi">Menyanyi</label>
</td>
</tr>
<tr>
<td>Jenis Kelamin</td>
<td>:</td>
<td><input type="radio" name="jk" value="Laki-laki">Laki-laki
<input type="radio" name="jk" value="Perempuan">Perempuan
</td>
</tr>
<td>Agama</td>
<td>:</td>
<td><select name="select">
<option>Islam</option>
<option>Kristen</option>
<option>Budha</option>
<option>Hindhu</option>
<option>Tiong Hoa</option>
<option>Protestan</option>
</select></td>
</tr>
<tr>
<td>Prestasi yang diraih</td>
<td>:</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td><textarea name="textarea" cols="20" rows="4"></textarea></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="submit" name="submit" value="Submit">
<input type="reset" name="reset" value="Reset"></td>
</tr>
</table>
</form>
</body>
</html>
0 Comment:
Post a Comment