Minggu, 14 Oktober 2012

Cara Membuat Form Table di Adobe Dreamweaver

Nama     : Lintang Fajar Adiatama
Nim        : 10.01.53.0035
Kel         : D1
Matkul  : Web Programming

 <html>
<head>
<title>Data Diri Mahasiswa</title>
</head>

<body>
<center>
<form method="post" name="form_mhs"onSubmit="return cek_data()">
<h1>Data Pribadi</h1>
<table width=47% bgcolor="#CCFF66" bordercolor="#666666" border="1" >

<tr>
<td>Nama</td>
<td>:
</tr>
<tr>
<td height="48">Alamat</td>
<td>:
<textarea name="alamat" rows="3" size="35" maxlength="35"></textarea></td></tr>
<tr>
<td>Tempat Lahir</td>
<td>:
<input type="text" name="tmp_lahir" size="35" maxlength="35"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:
<input name="tgl_lahir" value="" maxlength=2 width=25></input>
<select name="bln_lahir">
<option value=1>Januari</option>
<option value=2>Februari</option>
<option value=3>Maret</option>
<option value=4>April</option>
<option value=5>Mei</option>
<option value=6>Juni</option>
<option value=7>Juli</option>
<option value=8>Agustus</option>
<option value=9>September</option>
<option value=10>Oktober</option>
<option value=11>November</option>
<option value=12>Desember</option>
</select>
<input type="text" name="thn_lahir" value="" maxlength=4></input>


</td>
</tr>
<tr>
<td>Telepon</td>
<td> :
<input type="text" name="text_kota" size="35" maxlength="35">
</td>          
</tr>
<tr>
<td>Jenis Kelamin</td>
<td> :
<input type=radio name=jk value=L></input>Laki-Laki
<input type=radio name=jk value=p></input>Perempuan
</td>
</tr>
<tr>
<td align="center">
<td height="10"colspan="2"><input type = "submit" name="submit" value="Daftar">
<input type="reset" name="reset" value="Reset">  </input>
</td>    
</tr>  
</table>
</form>
</center>
</body>

Hasil Outputnya :

 membuat form pada table pada listing coding

langkah membuat coding dan desaign pada form table

sudah jadi data pribadi desaign form table


 <html>
<head>
<title>Data Diri Mahasiswa</title>
</head>
<body>
<center>
<form method="post" name="form_mhs"onSubmit="return cek_data()">
<h1>Data Pribadi</h1>
<table width=47% bgcolor="#CCFF66" bordercolor="#666666" border="1" >
  • Keterangan diatas Judul tabel adalah “Data Diri Mahasiswa dan berukuran lebar 47 % dan warna baground #CCFF66 dan border warna#666666 dan border 1
<tr>
<td>Nama</td>
<td>:<input type="text" name="text_nama" size="35" maxlength="35"></td>
</tr>
<tr>
<td height="48">Alamat</td>
<td>:
<textarea name="alamat" rows="3" size="35" maxlength="35"></textarea></td></tr>
<tr>
<td>Tempat Lahir</td>
<td>:
<input type="text" name="tmp_lahir" size="35" maxlength="35"></td>
</tr>
<tr>
<td>Tanggal Lahir</td>
<td>:
<input name="tgl_lahir" value="" maxlength=2 width=25></input>
  • Keterangan Tersebut kita tuk mengisi nama, alamat tempat lahir dan tanggal lahir dimna setiap panjang maksimal 35 dan ukuran sekitar 35 dengan lebar 25.
<select name="bln_lahir">
<option value=1>Januari</option>
<option value=2>Februari</option>
<option value=3>Maret</option>
<option value=4>April</option>
<option value=5>Mei</option>
<option value=6>Juni</option>
<option value=7>Juli</option>
<option value=8>Agustus</option>
<option value=9>September</option>
<option value=10>Oktober</option>
<option value=11>November</option>
<option value=12>Desember</option>
</select>
<input type="text" name="thn_lahir" value="" maxlength=4></input>
  • Keterangan tersebut bahwa memilih bulan lahir kita dari januari sampai desember dan tahun lahir maximal panjang 4 dan dan value
</td>
</tr>
<tr>
<td>Telepon</td>
<td> :
<input type="text" name="telepon" size="35" maxlength="35">
</td>          
</tr>
<tr>
  • keterangan ini sama dengan nama alamat dan pada telepon berukuran 35 dan maksimal panjang 35
<td>Jenis Kelamin</td>
<td> :
<input type=radio name=jk value=L></input>Laki-Laki
<input type=radio name=jk value=p></input>Perempuan
</td>
</tr>
<tr>
  • keterangan ini sama tuk memilih check list radio apakah yang dipilih laki laki atau perempuan.
<td align="center">
<td height="10"colspan="2"><input type = "submit" name="submit" value="Daftar">
<input type="reset" name="reset" value="Reset">  </input>
</td>    
</tr>  
</table>
</form>
</center>
</body>
  • keterangan tersebut dengan align di tengah dan tinggi 10 colom 2 dan submit tuk mendaftar dan tipe reset untuk mereset semua kita isi.

1 komentar:

  1. Slot Machine Live Dealer | Pragmatic Play - JTM Hub
    Slot 양산 출장샵 Machine 구미 출장마사지 Live Dealer · Pragmatic Play · SlotWolf 용인 출장안마 Casino · Slots88 · 오산 출장안마 BitStarz Casino · Microgaming. 서울특별 출장마사지

    BalasHapus