Tugas Membuat Form dalam Tabel
Screenshoot :
Script yang digunakan :
<!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>
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</head>
<body>
<table width="200" border="1" align="center"
bordercolor="#00FF66" bgcolor="#00FF66">
<tr>
<td><table width="379" border="0" align="center"
bordercolor="#00FF66" bgcolor="#00FF66">
<tr>
<td width="131" height="38" bgcolor="#00FF66">
<div align="left">Nama </div></td>
<td width="238" bgcolor="#00FF66">
<form id="form1" name="form1" method="post" action="">
<label> :
<input type="text" name="textfield" />
</label>
</form></td>
</tr>
<tr>
<td height="37" bgcolor="#00FF66">
<div align="left">Alamat </div></td>
<td bgcolor="#00FF66">
<form id="form2" name="form2" method="post" action="">
<label>:
<input type="text" name="textfield2" />
</label>
</form></td>
</tr>
<tr>
<td height="58" bgcolor="#00FF66">
<p align="left">Pendidikan terakhir </p></td>
<td bgcolor="#00FF66">
<form id="form7" name="form7" method="post" action="">
<label>:
<input name="radiobutton" type="radio"
value="radiobutton" />
SD</label>
<label>
<input name="radiobutton" type="radio"
value="radiobutton" />
SMP</label>
<label>
<input name="radiobutton" type="radio"
value="radiobutton" />
SMA/SMK <br />
<input name="radiobutton" type="radio" value="radiobutton" />
D3
<input name="radiobutton" type="radio"
value="radiobutton" />
S1
<input name="radiobutton" type="radio"
value="radiobutton" />
S2<br />
</label>
</form></td>
</tr>
<tr>
<td height="42" bgcolor="#00FF66"><div align="left">
Status </div></td>
<td bgcolor="#00FF66"><form id="form3" name="form3"
method="post" action="">
<label> :
<select name="select">
<option selected="selected">Pilih Satu</option>
<option>Menikah</option>
<option>Belum Menikah</option>
<option>Janda</option>
<option>Duda</option>
</select>
</label>
</form></td>
</tr>
<tr>
<td height="27" bgcolor="#00FF66"><div align="left">
<p>Komentar </p>
</div></td>
<td bgcolor="#00FF66"> </td>
</tr>
<tr>
<td height="70" colspan="2" bgcolor="#00FF66">
<form id="form4" name="form4" method="post" action="">
<label></label>
<div align="left">
<textarea name="textarea" cols="25" rows="3">
</textarea>
</div>
</form></td>
</tr>
<tr>
<td colspan="2" bgcolor="#00FF66"><form id="form5"
name="form5" method="post" action="">
<label>
<input type="submit" name="Submit" value="Submit" />
</label>
<label>
<input type="submit" name="Submit2" value="Reset" />
</label>
</form></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<table width="200" border="0" align="center">
<tr>
<td><div align="center">
<table width="200" border="1" align="center">
<tr>
<td><table width="292" height="95" border="0"
background="../Pictures/1382401_574401139296965_1992955769_n.jpg">
<tr>
<td width="108">Username</td>
<td width="174"><form id="form8" name="form8"
method="post" action="">
<label> :
<input type="text" name="textfield3" />
</label>
</form></td>
</tr>
<tr>
<td>Password</td>
<td><form id="form9" name="form9" method="post"
action="">
<label>:
<input type="text" name="textfield4" />
</label>
</form></td>
</tr>
<tr> <a href="https://www.facebook.com/rifqi.azriyan">
<td>
<form action="https://www.facebook.com/rifqi.azriyan" method="get"
target="_blank">
<input name="q2" type="submit" value="Sign In" />
</form></td>
</a>
<td><div align="right">
<img src="../Pictures/facebook-large.png" width="36"
height="39" /></div></td>
</tr>
</table></td>
</tr>
</table>
</div></td>
<td> </td>
<td><table width="200" height="114" border="1" align="center"
bgcolor="#0099CC">
<tr>
<td><table width="292" height="95" border="0"
bordercolor="#0099FF" bgcolor="#0099FF">
<tr>
<td width="108"><span class="style1">Username
</span></td>
<td width="174"><form id="form8" name="form8"
method="post" action="">
<label> <span class="style1">:</span>
<input type="text" name="textfield32" />
</label>
</form></td>
</tr>
<tr>
<td><span class="style1">Password</span></td>
<td><form id="form9" name="form9" method="post"
action="">
<label><span class="style1">: </span>
<input type="text" name="textfield42" />
</label>
</form></td>
</tr>
<tr>
<td><form action="https://twitter.com/" method="get"
target="_blank">
<input name="q" type="submit" value="Sign In" />
</form></td>
<td><div align="center">
<img src="../Pictures/Logo_twitter_wordmark_1000.png"
width="162" height="31" /></div></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
0 komentar: