Modul 3 - Form dan Frame HTML

MODUL III

" Form and Frame HTML "

(Link, List, dan Tag HTML Untuk Tabel)

1. Tujuan

• Mampu memahami dan menjelaskan Frame and Form dalam HTML.
• Mampu membuat Frame link ke Framenya .
• Mampu membuat input data menggunakan tag Form.
• Mampu membuat halaman web dengan Frame.

2. Landasan Teori

A. FRAME HTML

Merupakan landasan dari membuat halaman WEB yang sekarang kalian akan Praktekan, dari berbagai bentuk disatukan dan menjadikan Halaman WEB yang utuh dan bagus untuk kalian gunakan sekarang atau di Zaman" ini .

B. FORM HTML

Merupakan salah satu elemen dalam HTML yang sering kita gunakan Guys untuk menerima inputan dari Pengunjung. Melalui sebuah Form si pengunjung dapat memasukan data" diri mereka, yang terdapat di Formnya .

Contohnya Guys :

<b><center>Input Data Mahasiswa</center></b> // Lan-balon.blogspot.com
<form name="form1" method="post" action="tampil_post.php">
  <table width="456" border="0" align="center">
    <tr>
      <td>NIM</td>
      <td><input type="text" name="nim" value="Masukan NIM"></td>
    </tr>
    <tr>
      <td>Nama</td>
      <td><input type="text" name="nama" value="Masukan Nama"></td>
    </tr>
    <tr>
      <td>Jenis Kelamin</td>
      <td>
        <input type="radio" name="jkl" id="jkl" value="L">Laki-laki 
  <input name="jkp" type="radio" id="jkp" value="P">Perempuan      
  </td>
    </tr>
    <tr>
      <td>Hobi</td>
      <td><label>
        <input type="checkbox" name="hb1" id="checkbox">
      Sepak Bola<br>
      <input type="checkbox" name="hb2" id="checkbox2">
      Berenang<br>
      <input type="checkbox" name="hb3" id="checkbox3">
      Membaca
      </label></td>
    </tr>
    <tr>
      <td>Prodi</td>
      <td><label>
        <select name="prodi" id="select">
          <option value="Teknik Informatika S1">TI S1</option>
          <option value="Sistem Informasi S1">SI S1</option>
          <option value="Manajement Informatika D3">MI D3</option>
          <option value="Teknik Informatika D3">TI D3</option>
        </select>
      </label></td>
    </tr>
    <tr>
      <td>File Foto</td>
      <td><input type="file" name="file1"></td>
    </tr>
    <tr>
      <td>Alamat</td>
      <td><label>
        <textarea name="almt" id="textarea" cols="45" rows="5"></textarea>
      </label></td>
    </tr>
    <tr>
      <td colspan="2" align="center">
        <input type="submit" name="OK" id="OK" value="OK">   
        <input type="reset" name="reset" value="Cancel"></td>
    </tr></table></form>

Kalian coba Copy Syntax di atas dan tampilannya seperti di bawah ini, :