Kamis, 28 November 2013
Setelah kita belajar membuat form, sekarang kita membuat form di dalam tabel. Penasaran?
Cekidot !!!...
Ini contoh yang saya bikin :
Adapun script nya sebagai berikut :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Form dalam Tabel</title>
<style type="text/css">
<!--
.style4 {font-size: 24px; }
.style5 {font-size: 18px; }
.style9 {font-size: 12px}
-->
</style>
</head>
<body>
<table width="396" height="491" border="0">
<tr>
<td height="439" align="left" valign="top" background="../../edit.jpg"><p class="style4">Sign Up</p>
<p class="style5">It's Free and always will be</p>
<hr align="left" width="400" />
<table width="366" height="306" border="0">
<tr>
<td width="107">First Name : </td>
<td width="243"><form id="form1" name="form1" method="post" action="">
<label>
<input name="textfield" type="text" />
</label>
</form></td>
</tr>
<tr>
<td>Last Name : </td>
<td><form id="form7" name="form7" method="post" action="">
<label>
<input type="text" name="textfield2" />
</label>
</form></td>
</tr>
<tr>
<td>Your Email : </td>
<td><form id="form8" name="form8" method="post" action="">
<label>
<input name="textfield3" type="text" size="35" maxlength="35" />
</label>
</form></td>
</tr>
<tr>
<td>Re-enter Email : </td>
<td><form id="form9" name="form9" method="post" action="">
<label>
<input name="textfield4" type="text" size="35" maxlength="35" />
</label>
</form></td>
</tr>
<tr>
<td>New Password : </td>
<td><form id="form10" name="form10" method="post" action="">
<label>
<input type="password" name="textfield5" />
</label>
</form></td>
</tr>
<tr>
<td>I am : </td>
<td><form id="form11" name="form11" method="post" action="">
<label>
<select name="select">
<option>Select One</option>
<option>Male</option>
<option>Female</option>
</select>
</label>
</form></td>
</tr>
<tr>
<td>Birthday : </td>
<td><form id="form12" name="form12" method="post" action="">
<label>
<select name="select2">
<option selected="selected">Mount</option>
<option>January</option>
<option>February</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
</label>
<label>
<select name="select3">
<option>Day</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
</label>
<label>
<select name="select4">
<option>Year</option>
<option>2013</option>
<option>2012</option>
<option>2011</option>
<option>2010</option>
<option>2009</option>
<option>2008</option>
<option>2007</option>
<option>2006</option>
<option>2005</option>
<option>2004</option>
<option>2003</option>
<option>2002</option>
<option>2001</option>
<option>2000</option>
<option>1999</option>
<option>1998</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
</select>
</label>
</form></td>
</tr>
<tr>
<td height="45" colspan="2"><div align="center">
<form id="form13" name="form13" method="post" action="">
<label> <br />
<input type="submit" name="Submit2" value="Sign Up" />
</label>
</form>
</div></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<table width="348" height="83" border="0" bgcolor="blue">
<tr>
<td width="144" height="25" bgcolor="blue">Email</td>
<td width="144" bgcolor="blue">Password</td>
<td width="113" bordercolor="blue" bgcolor="blue"> </td>
</tr>
<tr>
<td height="26" bgcolor="blue"><form id="form2" name="form2" method="post" action="">
<label>
<input type="text" name="textfield6" />
</label>
</form></td>
<td bgcolor="blue"><form id="form3" name="form3" method="post" action="">
<label>
<input type="password" name="textfield7" />
</label>
</form></td>
<td bordercolor="blue" bgcolor="blue"><form id="form6" name="form6" method="post" action="">
<label>
<input type="submit" name="Submit" value="Login" />
</label>
</form></td>
</tr>
<tr>
<td height="24" bgcolor="blue"><form id="form4" name="form4" method="post" action="">
<label> <span class="style9">
<input type="checkbox" name="checkbox" value="checkbox" />
Keep Me Login</span></label>
</form></td>
<td bgcolor="blue"><form action="" method="post" name="form5" class="style9" id="form5">
For Got Your Password
</form></td>
<td bordercolor="blue" bgcolor="blue"> </td>
</tr>
</table>
<p> </p>
</body>
</html>
Langsung download aja Gan
