Rabu, 02 Mei 2018

PRAKTIKUM STRUKTUR DATA KE 5

Laporan
Hasil Praktikum Pemrogaman Terstruktur
MEMBUAT FORM FIELDSET KE 2
Mata Kuliah Praktikum Pemrogaman Terstruktur
Dosen Pengampu Imanaji Hari Sayekti, S.Pd., M.Pd

Disusun oleh :
Mokh. Miftakhudin ( 17. MI. 0011 )


AKADEMI MANAJEMEN INFORMATIKA DAN KOMPUTER
AMIK PGRI KEBUMEN
TAHUN AJARAN 2017 / 2018

A. TUJUAN PRAKTIKUM
  1.     Memahami konsep pembuatan FieldSet
  2.   Mampu membuat Form FieldSet pada Java.

B. ALAT DAN BAHAN
  1.   PC 1 unit support netbean.
  2. .Software java SDK

C. KESELAMATAN KERJA
  1.  Gunakan peralatan sesuai dengan fungsinya
  2.  Bekerjalah sesuai dengan cara kerja atau petunjuk yang telah ditentukan
<!DOCTYPE html>
< html>
<head>
<title> Membuat Form</title>
</head>
<b><center> MEMBUAT FORM </center><br></b>
<body>
<form>
<form action="test.html">
<fieldset>
<legend>tentang anda</legend>
<table>
<tr>
<td width="130">
<label for="first">nama lengkap</label>
</td>
<td><input type="text" name="nama_lengkap" id="first" size="40" maxlength="80" /></br>
</td>
</tr>
<tr><td><label for="last">alamat</label>
</td>
<td><input type="text" name="alamat" id="last" size="40" maxlength="80" /></br>
</td>
</tr>
<tr><td><label for="desc">pesan dan kesan</label>
<td><textarea rows="5" cols="30" id="desc">tuliskan pesan anda disini</textarea><br />
</td>
</tr>
</table>
<fieldset class="hobianda">
<legend>hobi anda</legend>
<input type="radio" id="berkebun" value="hobianda" /><label for="berkebun"> berkebun</label><br>
<input type="radio" id="memasak" value="memasak"> memasak</label><br>
<input type="radio" id="bermain" value="bermain"> bermain</label><br>
<input type="radio" id="renang" value="renang" name="hobianda" /><label for="renang"> renang </label><br />
</fieldset> <br>
<legend>---Punya Kendaraan Apa dirumah?---</legend>
<input type="checkbox" id="mobil" value="hobby" /><label for="berkebun"> berkebun</label><br>
<input type="checkbox" id="motor" value="memasak"> memasak</label><br>
<input type="checkbox" id="sepeda" value="renang" name="hobby" /><label for="renang"> renang </label><br />
<br>
<table>
<tr>
<td> Pilih Jurusan Anda : </td>
<td>
<select>
<option value="Informatika">informatika</option>
<option value="Matematika">matematika</option>
<option value="Kimia">kimia</option>
<option value="Biologi">biologi</option>
<option value="Fisika">fisika</option>
</select>
</td>
</tr>
</table>
<br>
<font face="Courier New, Courier, Mono">
------Tambahkan File Foto Anda-------
</font><br>
<input type="file" name="pic" accept="image/*"><br>
<br>
<button><input type="submit" value="Submit" name="Submit"/></button>
</form>
</body>
</html>
Seperti Berikut ini  :


Selanjutnya kita buat Java Classnya :
Copykan kode berikut ini : 
@RequestMapping(value = "/tugas5")
    public ModelAndView hello5(){
        ModelAndView mav = new ModelAndView();
        mav.setViewName("FormFieldSet.html");
        return mav;
    }



Jika Berhasil Maka Tampilannya Akan Seperti Dibawah ini : 



Demikian Tutorial yang dapat saya buat, Terimakasih 
Kritik dan Saran di Komentar ...... :) :)










Share this

0 Comment to "PRAKTIKUM STRUKTUR DATA KE 5"

Posting Komentar