MATERI-MATERI MATA KULIAH SISTEM INFORMASI STMIK MDP

Pasang Iklan Gratis Disini !!!

ads ads ads ads

Rabu, 03 Oktober 2012

Pertemuan 5 : Pembutan FORM

. Rabu, 03 Oktober 2012

<tr> <th> Kolom Judul </th></tr> = untuk kolom judul pada tabel (otomatis bold, otomatis center)
&nbsp                            = untuk space kolom kosong pada tabel

<input type=text>                = untuk textbox pada form
<textarea></textarea>            = untuk text area (textbox yg lebih besar)
    <td>
     Tanggal
     <select>
     <option>1</option>
     <option>2</option>
     </select>
     Bulan
     <select>
     <option> Januari </option>
     <option> Februari </option>
     </select>
     Tahun
     <select>
     <option>1993</option>
     <option>1992</option>
     </select>
</td>                             = untuk combo box pada form

<input type = radio name=S> Laki-laki
<input type = radio name=S> Perempuan  ==>> untuk radio button pada form

<input type= checkbox> Menggambar
<input type= checkbox> Membaca         ==>> untuk checkbox pada form

<input type=submit value = Simpan>
<input type= reset value= Batal>       ==>> untuk membuat button Simpan dan Batal pada Form


#TUGAS
HAL1
-- Halaman Utama

Hal 2
Gambar Produk (min 5) plus List produk

HAL3
Gambar produk dan detail barang

Contoh Coding :



<html>
<head>
<title> Pertemuan 5 </title>

<body>
<form>

<font face = tahoma align =center size=5 color=black>
<B> Pertemuan 5</B>
</font>

<table border=1 align = center width=450>

<tr>
    <th bgcolor= yellow valign=center align=center width =100> Nama </th>
    <td width=10> : </td>
    <td > <input type=text></td>

</tr>
<tr>
    <th bgcolor= yellow valign=center align=center> Alamat </td>
    <td> : </td>
    <td > <textarea width=340></textarea> </td>
</tr>
<tr>
    <th bgcolor= yellow valign=center align=center> Tgl Lahir </th>
    <td> : </td>
    <td>
     Tanggal
     <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>
     </select>
     Bulan
     <select>
     <option> Januari </option>
     <option> Februari </option>
     <option> Maret </option>
     <option> April </option>
     <option> Mei </option>
     <option> Juni </option>
     <option> Juli </option>
     <option> Agustus </option>
     <option> September </option>
     </select>
     Tahun
     <select>
     <option>1993</option>
     <option>1992</option>
     <option>1991</option>
     <option>1990</option>
     </select>
</td>
</tr>

<tr>
    <th bgcolor= yellow valign=center align=center> Jenis Kelamin </th>
    <td> : </td>
    <td>
    <input type = radio name=S> Laki-laki
    <input type = radio name=S> Perempuan
</td>
</tr>

<tr>
    <th bgcolor= yellow valign=center align=center> Hobi </th>
    <td> : </td>
    <td>
    <input type= checkbox> Menggambar
    <input type= checkbox> Membaca
    <input type= checkbox> Menulis

</td>
</tr>

<Tr>
<td colspan=3><input type=submit value = Simpan>
<input type= reset value= Batal>
</tr>
</table>

</form>
</body>
</head>
</html>

SEMOGA BERMANFAAT

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tuliskan Komentar Disini..

Related Posts Plugin for WordPress, Blogger...
 
{Sistem Informasi} is proudly powered by Blogger.com | Template by : Sukriyadi | sukriyadi.blogspot.com