<html>
<head>
<title> pert 5 </title>
</head>
<body>
<table colspan=3 border="3" width="100%" height="100%">
<tr height="100%" width="100%">
<td width="20%">
</td>
<td width="60%">
<table border="1" colspan = 2 width="100%" height="100%">
<tr>
<td colspan=2 height=100>
<img src="file:///C:/Documents%20and%20Settings/Felix/My%20Documents/My%20Pictures/yagami%20kumi/253057_442241635822349_1171433765_n.jpg" width="220" height="180" alt="nyahoo! logo" />
<center> <hr size="1" color = "gray" width="50%"> </center>
</td>
</tr>
<tr>
<td width="30%"> <p align=right> name </p> </td>
<td width="70%">
<input type="text" name="" placeholder="first name">
<input type="text" name="" placeholder="last name">
</td>
</tr>
<tr>
<td> <p align=right> gender </p> </td>
<td>
<select>
<option value = "select one"> select one
<option value = "male"> male
<option value = "female"> female
</select>
</td>
</tr>
<tr>
<td> <p align=right> birthday </p> </td>
<td>
<select>
<option value = "select month"> select month
<option value = "month1"> january
<option value = "month2"> february
<option value = "month3"> march
<option value = "month4"> april
<option value = "month5"> may
<option value = "month6"> june
<option value = "month7"> july
<option value = "month8"> august
<option value = "month9"> september
<option value = "month10"> october
<option value = "month11"> november
<option value = "month12"> december
</select>
</td>
</tr>
<tr>
<td> <p align=right> country </p> </td>
<td>
<select style="width:290">
<option value = "select month"> select month
<option value = "country1"> a
<option value = "country2"> b
<option value = "country3"> c
<option value = "country4"> d
</select>
</td>
</tr>
<tr>
<td> <p align=right> language </p> </td>
<td>
<select>
<option value = "select month"> select month
<option value = "language1"> a
<option value = "language2"> b
<option value = "language3"> c
<option value = "language4"> d
</select>
</td>
</tr>
<tr>
<td colspan=2 align=left height=50" style= "color:purple">
Select an ID and password
<center> <hr size="1" color = "gray" width="60%"> </center>
<td>
</tr>
<tr>
<td> <p align=right> Yahoo ID and email </p> </td>
<td>
<input type="text" name="email">
@
<select>
<option value = "mail1"> yahoo.com
<option value = "mail2"> ymail.com
<option value = "mail3"> rocketmail.com
</select>
<input type="button" name="check" value="check">
</td>
</tr>
<tr>
<td> <p align=right> Password </p> </td>
<td>
<input type="text" name="password" style="width:240">
</td>
</tr>
<tr>
<td> <p align=right> re-type Password </p> </td>
<td>
<input type="text" name="retypepassword" style="width:240">
</td>
</tr>
<tr>
<td colspan=2 align=left height=50 style= "color:purple">
In case you forget your ID or password
<left> <hr size="1" color = "gray" width="60%"> </left>
<td>
</tr>
<tr>
<td> <p align=right> Alternate email </p> </td>
<td>
<input type="text" name="alternate" style="width:290">
</td>
</tr>
<tr>
<td> <p align=right> secret question 1 </p> </td>
<td>
<select style="width:290">
<option value = "question1"> Nama Permainan ?
<option value = "question2"> Nama Tempat ?
</select>
</td>
</tr>
<tr>
<td> <p align=right> your answer </p> </td>
<td>
<input type="text" name="answer1" style="width:290">
</td>
</tr>
<tr>
<td> <p align=right> secret question 2 </p> </td>
<td>
<select style="width:290">
<option value = "question1"> Nama Permainan ?
<option value = "question2"> Nama Tempat ?
</select>
</td>
</tr>
<tr>
<td> <p align=right> your answer </p> </td>
<td>
<input type="text" name="answer2" style="width:290">
</td>
</tr>
</table>
</td>
<td width="20%">
</td>
</tr>
</table>
</body>
catatan :
<input type="text" name="" placeholder="first name">
<input type="text" name="" placeholder="last name"> untuk menampilkan tulisan abu" pada koloom pengisian.
<select>
<option value = "select one"> select one
<option value = "male"> male
<option value = "female"> female
</select>
select untuk pilihan seperti memilih jenis kelamin dsb.
<input type="button" name="check" value="check"> untuk membuat tombol check.
Gambar dijalankan :
~TERIMAKASIH~
Tidak ada komentar:
Posting Komentar