Belajar form itu mudah, aku mencoba membuat form. dan sekalian aku gabung beberapa table,
dalam bahasa Html dalam membuat form juga wajib menulis dasar html yang telah di bahas sebelumnya, ingin melihat klik dasar Html disini.
Langung saja ke pembahasan coding aja dech dari pada bertele tele. didalam pembuatan form harus ada
<table>
<form>
/*isi atau bentuk form */
</form>
</table>
dalam membuat form ini terdapat di dalam table
Contoh :
<html">
<head>
<title>Belajar Form</title>
</head>
<body>
<table width="400" height="167" border="0" align="center">
<tr>
<td width="515" align="left" valign="top"><table width="305" border="0" align="left">
<tr>
<td width="295"><table width="300" border="0">
<tr>
<td width="96" height="26">Nama :</td>
<td width="188"><form id="form2" name="form2" method="post" action="">
<input type="text" name="textfield" id="textfield" size ="30"/>
</form>
</td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="300" border="0">
<tr>
<td width="96">Password :</td>
<td width="188"><input name="textfield2" type="password" id="textfield2" value="" size ="30" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="36"><table width="300" border="0">
<tr>
<td width="95">Age Range :</td>
<td width="189"><form id="form3" name="form3" method="post" action="">
<label for="textfield3"></label>
<label for="select"></label>
<select name="select" id="select">
<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>
</select>
</form>
</td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<table width="209" height="29" border="0">
<tr>
<td width="199">Life story</td>
</tr>
</table>
<form id="form4" name="form4" method="post" action="">
<label for="textarea"></label>
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
</form>
<table width="420" border="0">
<tr>
<td width="405"><form id="form1" name="form1" method="post" action="">
<p>
<label>your favorite sport :
<input type="radio" name="bottun" value="radio" id="bottun_0" />
Tennis</label>
<label>
<input type="radio" name="bottun" value="radio" id="bottun_1" />
cricket</label>
<label>
<input type="radio" name="bottun" value="radio" id="bottun_2" />
BaseBall</label>
<label>
<input type="radio" name="bottun" value="radio" id="bottun_3" />
Polo</label>
</p>
</form> </td>
</tr>
<tr>
<td height="24">language you coise :
<input type="checkbox" name="checkbox2" id="checkbox2" />
PHP
<input type="checkbox" name="checkbox3" id="checkbox3" />
C++
<input type="checkbox" name="checkbox4" id="checkbox4" />
Delphi
<input type="checkbox" name="checkbox" id="checkbox" />
Java </td>
</tr>
<tr>
<td align="center"><form id="form5" name="form5" method="post" action="">
<a href="http://pintarqu.co.cc">
<input type="submit" name="Submit" id="button" value="Submit Query" />
</a>
</a>
</form>
</td>
</tr>
</table>
<p> </p>
</td>
</tr>
</table>
<p> </p>
<p> </p>
</body>
</html>
Hasil :
0 comments:
Post a Comment
Jangan Komentar SPAM