Look at this:
Nah, pasti lo pernah ngeliat model yang kayak gini kaaan??
Yupz, biasanya kalo kita sign up ke suatu web, pasti bakalan nongol tampilan beginian.. Ya kaaaann, ho'oh kaaaaann???
hihihi
Okeh, ini gampang kok. Coba liat daftar element n atribut yang dah gue kasih di artikel Element dan Atribut.
Terus cari yang bagian Form.
Okeh let's try..
Untuk bikin tampilan kayak di atas, ini syntag-nya:
<table border="1" cellpadding="10px">
<form>
<tr>
<tr>
<td>username</td>
<td>:</td>
<td><input type="text"></td>
</tr>
<tr>
<tr>
<td>password</td>
<td>:</td>
<td><input type="password"></td>
</tr></table>
See??
Untuk bikin tampilan kayak di atas, kita pake element <form>. terus kita pake juga element <input> tapi element input gak bakal bisa berdiri sendiri kalo element <form> gak ditulis dulu, penting nihh buat lo2 semua hati2 ketika pengen bikin form login kayak di atas..
Okeh, gampang kaaann??
So, kita coba dengan gambar di bawah ini:
Nih syntag2nya:
<html>
<head><title></title></head>
<body><center>
<table border="1" cellpadding="10px"><form>
<tr><td>username</td><td>:</td><td><input type="text"></td></tr>
<tr><td>password</td><td>:</td><td><input type="password"></td></tr>
<tr><td>password confirm</td><td>:</td><td><input type="password"></td></tr>
<tr><td>gender</td><td>:</td><td><input type="radio" name="gender">male
<input type="radio" name="gender">female</td></tr>
<tr><td>marital status</td><td>:</td><td><input type="radio" name="ms">single
<input type="radio" name="ms">married</td></tr>
<tr><td valign="top">religion</td><td valign="top">:</td><td>
<input type="radio" name="cb">islam<br/>
<input type="radio" name="cb">kristen<br/>
<input type="radio" name="cb">buddha<br/>
<input type="radio" name="cb">hindu<br/>
<input type="radio" name="cb">yahudi<br/></td></tr>
<tr><td valign="top">city</td><td valign="top">:</td><td><select name="manga" size="1">
<option value="radio">Jakarta
<option value="radio">Bogor
<option value="radio">Depok
<option value="radio">Tangerang
<option value="radio">Surabaya
<option value="radio">Yogyakarta
<option value="radio">Semarang
<option value="radio">Solo</td></tr></select>
<tr><td valign="top">massages</td><td valign="top">:</td><td>
<textarea type="msg" cols="40" rows="5"></textarea>
<tr><td></td><td></td><td><input type="submit" value="login"/>
<input type="reset" value="batal"/></td>
</form></table>
</center></body></html>
Monggoo di cobaaa..
Kalo ada kesulitan, silahkan comment di bawah artikel ini, or bisa lewat shoutmix(chatting) di sebelah kanan bawah..
Hosh
^^
