Nama : Ayu Sulistya
Kelas : 1EB21
NPM : 21212296
Cara membuat form sederhana
dengan menggunakan HTML
Form dapat
memuat kolom, chekbox, pilihan, submit button, dan lain lain. Formulir diawali dengan tag <form> dan ditutup dengan tag </form>. Untuk membuat Form sederhana, anda bisa memakai
input type. Contoh pembuatan form Sederhana.
<html>
<head>
<title> Tugas PKTI 2C</title>
<body bgcolor ="pink">
<font size="4" face="Comic Sans MS">
<form>
<table width ="25%" border="0" align
="center">
<h2 align ="center"><font face ="Comic Sans
Ms" color = "red"> Form Registration</font></h2>
<center><Input type ="image"
src="https://lh5.googleusercontent.com/-Yd5U8Xw4-QY/ULIryz7NbNI/AAAAAAAAACA/E-E9F1HjaWc/w532-h531/webcam-toy-photo100.jpg"
width="150px" height="150px" border="1"></center>
<tr bgcolor ="red"><td>Nama Lengkap
</td>
<td> : </td>
<td><input name
="Nama" type="text" lengkap" ></td>
</tr>
<tr bgcolor ="grey"><td>Kelas </td>
<td> : </td>
<td><select name
="Kelas" size="1"><option selected value
="4">1EB17</option><option selected value
="4">1EB18</option><option selected value
="4">1EB21</option><option selected value
="4">1EB25</option></select></td>
</tr>
<tr bgcolor ="red"><td>Jenis Kelamin
</td>
<td> : </td>
<td><input name
="Jenis Kelamin" type="radio">pria<input name
="Jenis Kelamin" type="radio">wanita</td>
</tr>
<tr bgcolor ="grey"><td>Hobby </td>
<td> : </td>
<td><Input
name="Hobby" type ="checkbox">Membaca<Input
name="Hobby" type ="checkbox">Menulis</td>
</tr>
<tr bgcolor ="red"><td>Password </td>
<td> : </td>
<td><Input name
="Password" type ="Password"></td>
</tr>
<tr bgcolor ="grey"><td>Komentar </td>
<td> : </td>
<td><Input
name="Komentar" type ="text"></td>
</tr>
<tr bgcolor
="red"><td colspan= "3" align
="center"><input type="button"
value="kirim"/>
<input type="button"
value="reset"/></td>
</tr>
</form>
</body>
</head>
</html>
Tidak ada komentar:
Posting Komentar