Pages

Senin, 29 September 2014

Membuat Form dengan HTML


Belajar Membuat Form pada WEB.
 Disini saya akan menjelaskan satu-satu bagaimana cara membuat bagian-bagian seperti yang diatas.
1. Cara membuat tabel Nama Lengkap :


Caranya yaitu, masukkan Script berikut :
<tr> 
<td>Nama Lengkap</td> 
<td> : </td> 
<td><input type="text" name=""></td> 
</tr> 
2.  Cara membuat Pilihan bulan Tanggal Lahir :
Berikut adalah Scriptnya :
<td>Tanggal Lahir</td>
            <td> : </td>
            <input type="text" size="10" name=""/> -
            <td>
            <select name="" id=" ">
            <option value="">Januari</option>
            <option value="">Februari</option>
            <option value="">Maret</option>
            <option value="">April</option>
            <option value="">Mei</option>
            <option value="">Juni</option>
            <option value="">Juli</option>
            <option value="">Agustus</option>
            <option value="">September</option>
            <option value="">Oktober</option>
            <option value="">November</option>
            <option value="">Desember</option>
            </select>
             -
            <input type="text" size="10" name=""/></td>
 3.Membuat Alamat :
Berikut Scriptnya :


<tr>
            <td>Alamat</td>
            <td> : </td>
            <td></label><textarea name="  " cols="30" rows="2"></textarea></td>
</tr>


4. Membuat No.Telphon :
Brikut Scriptnya :


    <tr>
      <td>No.Telp/HP</td>
      <td>:</td>
      <td><input type="text"size="20" name=" "></td>
     </tr>

 5.Membuat tabel Jenis Kelamin :
 Berikut Scriptnya :
<tr>
            <td>Jenis Kelamin</td>
            <td>:</td>
            <td>
            <input type="radio" name="txtJK" >L
            <input type="radio" name="txtJK" >P
            </td>
 </tr>
6. Membuat tabel Agama :
Berikut Scriptnya :
<tr>
    <td>Agama</td>
    <td> : </td>
    <td><input type="text" size="10" name=""/></td>
</tr>
7. Membuat tabel Hoby :
Berikut Scriptnya :
<tr>
      <td>Hoby</td>
      <td>:</td>
      <td>
            <input name=" " type="checkbox"> Baca Buku
            <input  name=" " type="checkbox">Olah Raga
            <input  name=" " type="checkbox" >Main Game
            <input  name=" " type="checkbox">Hiking
      </td>
 </tr>
8. Membuat Submit atau Reset :
Pada Submit jika kita klik maka akan lanjut , jika reset maka akan mengulang lagi mengisi datanya dari awal.
Berikut Scriptnya :

<tr>
            <td>
            <input type="submit" name="submit" value="Submit"/>
            <input type="reset" name="reset" value="Reset"/>
            </td>
</tr>

Sekian dari saya.
Semoga Bermanfaat untuk semuanya.
Wassalamm..
 

 

Tidak ada komentar:

Posting Komentar

Silahkan Beri Komentar Untuk Blogger Ini :)