Form
Form sangat
penting untuk mendapatkan informasi penting dari user untuk sebuah website.
Bersama BelajarBareng kita akan membuat form sederhana untuk user dan
mengambalikan nilainya ke user.
Langkah
pertama, membuat form html . Form html
tersebut akan mengirimkan ke form.jsp untuk diproses.
Parameter dari HTML Form
Parameter
dari HTML Form dapat dibaca melalui koneksi obyek HttpServletRequest, yaitu
dengan menggunakan method getParameter(). Sebagai contoh :
String name =
request.getParameter("NAME");
form.html
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form
action="hitungIndex.jsp" method="post">
<table>
<tbody>
<td>
<h2><u>Biodata</u></h2>
</td>
<tr>
<td
height="37"><label>Nama</label></td>
<td><input
name="NAMA" type="text" value=""></td>
</tr>
<tr>
<td
height="28"><label>TTL</label></td>
<td><input
type="date" name="TTL" value=""></td>
</tr>
<tr>
<td><label>Jenis Kelamin</label></td>
<td><label
class="radio"><input type="radio"
name="JENIS_KEL"
value="Laki-laki">Laki-laki</label>
<label
class="radio"><input type="radio"
name="JENIS_KEL"
value="Perempuan">Perempuan</label>
</td>
</tr>
<tr>
<td><label>Alamat</label></td>
<td><textarea cols="16" rows="3"
name="ALAMAT" value="" style="
height:50px;
"></textarea></td>
</tr>
<tr>
<td><label>Sekolah</label></td>
<td><textarea cols="16" rows="3"
name="SEKOLAH" value="" style="
height:50px;"></textarea></td>
</tr>
<tr>
<td><label>Jurusan</label></td>
<td><select name="JURUSAN">
<option
value="TKJ">Teknik Komputer Jaringn</option>
<option
value="MM">Multimedia</option>
<option
value="RPL">Rekayasa Perangkat Lunak</option>
<option
value="DLL">Dll</option>
</select>
</td>
</tr>
<tr>
<td><label>Kelas</label></td>
<td><select class="form-control"
name="KELAS">
<option
value="X">X</option>
<option
value="XI">XI</option>
<option
value="XII">XII</option>
</select>
</td>
</tr>
<tr>
<td><label>No telp</label></td>
<td><input
type="text" name="TELP" value=""></td>
</tr>
<tr>
<td><label>Email</label></td>
<td><input
type="email" name="EMAIL"
value=""></td>
</tr>
<tr>
<td><label>Password</label></td>
<td><input type="password"
name="PASSWORD" value=""></td>
</tr>
<td><center><button
class="btn btn-mini" type="submit"
value="save">Save</button></center><br></td>
</tbody>
</table>
</form>
</body>
</html>
|
hitungIndex.jsp
<%
String nama =
request.getParameter("NAMA");
String ttl =
request.getParameter("TTL");
String jenis_kel
= request.getParameter("JENIS_KEL");
String alamat =
request.getParameter("ALAMAT");
String sekolah =
request.getParameter("SEKOLAH");
String jurusan =
request.getParameter("JURUSAN");
String kelas =
request.getParameter("KELAS");
String telp =
request.getParameter("TELP");
String email =
request.getParameter("EMAIL");
String password
= request.getParameter("PASSWORD");
%>
<html>
<head>
<title>Tulisan</title>
</head>
<body>
<table
style="margin-top: 73px;">
<h2><u><center>Biodata</center></u></h2>
<tbody>
<tr>
<td><label>Nama</label></td>
<td><%=nama%></td>
</tr>
<tr>
<td><label>TTL</label></td>
<td><%=ttl%></td>
</tr>
<tr>
<td><label>Jenis
Kelamin</label></td>
<td><%=jenis_kel%></td>
</tr>
<tr>
<td><label>Alamat</label></td>
<td><%=alamat%></td>
</tr>
<tr>
<td><label>Sekolah</label></td>
<td><%=sekolah%></td>
</tr>
<tr>
<td><label>Jurusan</label></td>
<td><%=jurusan%></td>
</tr>
<tr>
<td><label>Kelas</label></td>
<td><%=kelas%></td>
</tr>
<tr>
<td><label>No telp</label></td>
<td><%=telp%></td>
</tr>
<tr>
<td><label>Email</label></td>
<td><%=email%></td>
</tr>
<!--
<tr>
<td><label>Password</label></td>
<td><%=password%></td>
</tr>
-->
</tbody>
</table>
</body>
</html>
|
Semoga
berhasil J
No comments