Erwin Widianto – Sebelum lanjut ke tutorial cara membuat Form di HTML sebelumnya silahkan baca terlebih dahulu tentang pengertian-penngertian yang bersangkutan dalam pembelajaran membuat Form di HTML.

<table>

Untuk membuat table seperti di MS.Excel, tapi cara membuat tablenya menggunakan bahasa html dan di dalam script table teridiri 3 tag yaitu: th, td dan tr.

<td>

Kepanjangan dari Table Data yang digunakan untuk membuat kolom

<th>

kepanjangan dari Table Heading yang digunakan untuk membuat judul sebuah table seperti No dan Nama, biasanya di tanda dengan huruf menjadi Bold. (tapi saya tidak memakai th, hanya memberi tau maksud dan fungsinya).

<tr>

kepanjangan dari Table Row yang digunakan untuk membuat baris baru.

Border

Border adalah Mengatur ketebalan garis Atau garis tepi pada table.

*(coba border=”0″ diganti jadi border=”1″ dan lihat hasilnya)

 

Untuk Spasi.

Nah itulah pengertian-pengertian serta fungsi dari bahasa dasar HTML selanjutnya langsung saja ke pokok pembahasan ke cara membuat Form sederhana menggunakan Bahasa Pemrograman HTML.

Berikut Gambar tampilan hasil akhir contoh Form Pendaftaran

Cara Membuah Form dengan Bahasa HTML
Form Pendaftaran

Berikut langkah atau proses pembuatan seperti hasil akhir pada gambar diatas:

  • Form Nama Lengkap
Code :
<tr>	
    <td>Nama Lengkap</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
  • Form Tempat Lahir
Code :
<tr>
    <td>Tempat Lahir</td>
    <td>:</td>
    <td><input type="text"></td>
</tr>
  • Form Tanggal Lahir
Code :
<tr>
    <td>Tanggal Lahir</td>
    <td>:</td>
    <td><input type="Date"></td>
</tr>
  • Form Jenis Kelamin
Code :
tr>
    <td>Jenis Kelamin</td>
    <td>:</td>
    <td><input type="radio"/>Laki-Laki
    <input type="radio"/>Perempuan</td>
</tr>
  • Form Alamat
Code : 
<tr>
    <td>Alamat</td>
    <td>:</td>
    <td><textarea cols="22" rows="3" ></textarea></td>
</tr>
  • Form Email
Code :
<tr>
    <td>E-mail</td>
    <td>:</td>
    <td><input type="email"></td>
</tr>
  • Form No Hp
Code :
<tr>
    <td>No Hp</td>
    <td>:</td>
    <td><input type="number"></td>
</tr>
  • Form Kota
Code :
<tr>
    <td>Kota</td>
    <td>:</td>
    <td><select>
    <option>Pilih Kota</option>
	<option>Bandung</option>
    <option>Bogor</option>
	<option>Jakarta</option>
      <option>Bekasi</option>
      <option>Tangerang</option>
      <option>Depok</option>
      <option>cikarang</option>
      <option>Banten</option>
      </select></td>
</tr>
  • Form Button Simpan dan Batal
Code :
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="submit" value="simpan"/>
    <input type="reset" name="reset" value="Batal"/></td>
</tr>

Selesai, itu saja tutorialnya simpel bukan? jangan berbicara susah sebelum mencobanya silahkan coba terlebih dahulu pasti bisa.

Mungkin itu saja yang dapat saya sampaikan seputar cara membuat Form Sederhana menggunakan Bahasa Pemrograman di HTML.