Variabel Request

 

Adalah sebuah variabel yang berhubungan dengan objek permintaan HTTP (HTTPServletRequest)

Variabel ini bisa digunakan untuk meminta informasi  seperti parameter, informasi header, ip address remote, nama server, server port dan lainnya.

 

Pembuatan Form 

Buatlah sebuah file JSP bernama form_kayawan.jsp dan masukkan kode berikut ini:

<html>

<head>

<title>Formulir Data Karyawan</title>

<link rel="stylesheet" type="text/css" href="form.css">

</head>

<body>

<div id="formulir" >

<center><h1>Formulir Data Karyawan</h1></center>

<form action="simpan_karyawan.jsp">

<table>

<tr>

<td>Nama Lengkap</td><td>:</td><td><input type="text" name="nama_lengkap" />

<input type="radio" name="j_kel" value="Laki-laki">L /<input type="radio" name="j_kel" value="Perempuan">P </td>

</tr>

<tr>

<td>Tempat / Tanggal Lahir</td><td>:</td><td><input type="text" name="ttl" /></td>

</tr>

<tr>

<td>Alamat Rumah</td><td>:</td><td><textarea rows="5" name="alamat"></textarea></td>

</tr>

<tr>

<td>Alamat E-mail</td><td>:</td><td><input type="text" name="email" /></td>

</tr>

<tr>

<td>No. HandPhone</td><td>:</td><td><input type="text" name="no_hp" /></td>

</tr>

<tr>

<td>Agama</td><td>:</td>

<td>

<input type="radio" name="agama" value="Islam">Islam 

<input type="radio" name="agama" value="Kristen">Kristen  

<input type="radio" name="agama" value="Katholik">Katholik

<input type="radio" name="agama" value="Hindu">Hindu

<input type="radio" name="agama" value="Budha">Budha

</td>

</tr>

<tr>

<td>Status Perkawinan</td><td>:</td><td>

<input type="radio" name="status_nikah" value="Lajang">Lajang 

<input type="radio" name="status_nikah" value="Kawin">Kawin 

<input type="radio" name="status_nikah" value="Janda/Duda">Janda/Duda

</td>

</tr>

<tr>

<td colspan="3"><center><input type="submit" value="Simpan"></center></td>

</tr>

</table>

</form>

</div>

</body>

</html>

 

Pembuatan File CSS

Buatlah file form.css dan masukkan kode berikut ini:

body{

background:#e9e9e9;

 

}

#formulir{

 

border:1px solid #CCC;

width:45%;

padding:20px 30px;

background:#FFF;

margin:0 auto;

 

}

input[type=text], textarea{

width:80%;

padding:7px 0;

}

 

table { 

width:100%;

border-spacing:5px 10px;

}

tr td:nth-child(3){

width:70%;

}

Hasil:

Jalankan file form_karyawan.jsp pada browsermu maka akan menghasilkan hasil seperti terlihat dibawah ini:

 

Pembuatan File Penerima Data

Buatlah sebuah file bernama simpan_karyawan.jsp dan masukkan kode berikut ini:

<%! String nama_lengkap, j_kel, ttl, alamat, email, no_hp, agama, status_nikah; %>

<%

nama_lengkap=request.getParameter("nama_lengkap");  

j_kel=request.getParameter("j_kel");

ttl=request.getParameter("ttl");

alamat=request.getParameter("alamat");

email=request.getParameter("email");

no_hp=request.getParameter("no_hp");

agama=request.getParameter("agama");

status_nikah=request.getParameter("status_nikah");

 

out.print("<h1>Data Karyawan</h1>");

out.print("<br />Nama: "+nama_lengkap);  

out.print("<br />Jenis Kelamin: "+j_kel); 

out.print("<br />Tempat / Tanggal Lahir: "+ttl);  

out.print("<br />Alamat: "+alamat); 

out.print("<br />Email: "+email);  

out.print("<br />No HandPhone: "+no_hp); 

out.print("<br />Agama: "+agama); 

out.print("<br />Status Nikah: "+status_nikah); 

%>

Keterangan:

request.getParameter("nama_lengkap"), kode ini berarti saya mengambil parameter dari elemen form yang mempunyai name=”nama_lengkap”

Hasil:

Isilah data Form karyawan lalu tekan tombol simpan maka akan menghasilkan data seperti berikut ini:

 

 

Penutup

Sekian dan terima kasih

2016 © Fahmi Basya Kartapura