Sunday, October 14, 2012

Membuat Form dengan Dreamweaver

By : princess amma di 11:03 PM
Okei .. ngelanjutin pokok bahasan yang kemaren nih guys .. masih tentang table pada Dreamweaver.
banyak sih kegunaan tabel, selain untuk mendesain layout, tabel juga sering digunakan untuk membuat desain interface.
Nah .. kali ini yang bakal kita bahas adalah Form Pendaftaran..
caranya masih sama .. berikut listingnya :
<!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=utf-8" />
<title>Untitled Document</title>
</head>
<body bgcolor="#CCCCFF">
<form method="post" action="proses.html">
<table>

<tr><td colspan="3" align="center" bgcolor="#FF99FF">FORMULIR PENDAFTARAN</td></tr>
<tr><td align="left">Nama </td><td>: </td><td align="left"><input type="text" name="nama_mhs" value="" maxlength="30" width="170"/> </td></tr>
<tr> <td align="left">Alamat</td> <td>:</td> <td align="left"><textarea name="alamat" rows="5"></textarea></td></tr>
<tr><td align="left">Tempat Lahir</td> <td>:</td> <td align="left"><input name="tmp_lahir" /></td></tr>
<tr><td align="left">Tgl Lahir</td><td>:</td> <td align="left"><input name="tgl_lahir" maxlength="2" width="20" />
<select name="bln_lahir">
    <option value="1">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
    <option value="4">April</option>
    <option value="5">May</option>
    <option value="6">June</option>
    <option value="7">July</option>
    <option value="8">August</option>
    <option value="9">September</option>
    <option value="10">October</option>
    <option value="11">November</option>
    <option value="12">Desember</option>
</select>
<input type="text" name="thn_lahir" value="" maxlength="4"/></td></tr>
<tr><td align="left">Telpon</td><td>:</td><td align="left"><input type="text" name="telpon" value="" /></td></tr>
<tr><td align="left">Jenis Kelamin</td><td>:</td><td align="left"><input type="radio" name="jk" value="L" />Laki-Laki
<input type="radio" name="jk" value="P" />Perempuan</td></tr>
<tr><td></td><td></td><td><input type="submit" name="submit" value="Daftar" />
<input type="reset" name="reset" value="Reset" /></td></tr>
</table></form>   
</body>
</html>


Djang ... janggggg ... Ini nih hasil tampilan Form-nya:


0 komentar on "Membuat Form dengan Dreamweaver"

Post a Comment

 

Princess Amma Copyright © 2009 Paper Girl is Designed by Ipietoon Sponsored by Online Business Journal