Muhammad Rizqi Tohopi

Optimis itu perlu…!!!

Membuat form pengisian data sederhana menggunakan JSP

Disini saya akan membuat sebuah form sederhana dengan bahasa Java menggunakan aplikasi eclipse. Pertama-tama buatlah sebuah program, dimana program tersebut akan dipanggil.

nama file : tampilNama.jsp

<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=ISO-8859-1”>
<title>Hasil Inputan</title>
</head>
<body>
<%
String tNama = request.getParameter(“nama”);
String tNIM = request.getParameter(“nim”);
String tAlamat = request.getParameter(“alamat”);
%>
<table border=“0”>
<tr>
<td width=“70px”>
Nama
              </td>
<td width=“10px”>
:
</td>
<td>
<% out.println(tNama); %>
</td>
</tr>
<tr>
<td>
NIM
</td>
<td>
:
</td>
<td>
<% out.println(tNIM); %>
</td>
</tr>
<tr>
<td>
Alamat
              </td>
<td>
:
</td>
<td>
<% out.println(tAlamat); %>
</td>
</tr>
</table>
</body>
</html>

 

Setelah program diatas telah dibuat, sekarang kita akan membuat program sederhana dan memanggil program diatas sehingga dapat menampilkan form pengisian data yang sederhana.

nama file : inputGet.jsp

<html>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=ISO-8859-1”>
<title>Masukkan Data</title>
</head>
<body>
<form action=“tampilNama.jsp”>
<table border=“0”>
<tr>
<td width=“70px”>
Nama
              </td>
<td width=“10px”>
:
</td>
<td>
<input type=“text” name=“nama”>
</td>
</tr>
<tr>
<td>
NIM
</td>
<td>
:
</td>
<td>
<input type=“text” name=“nim”>
</td>
</tr>
<tr>
<td>
Alamat
              </td>
<td>
:
</td>
<td>
<input type=“text” name=“alamat”>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
<input type=“submit” value=“Simpan”>
</td>
</tr>
</table>
</form>
</body>
</html>

 

Program ini saya jalankan dengan server local Tomcat

Hasil Output

ScreenHunter_8Jika server local berjalan, akan menampilkan form pengisian data sederhana seperti gambar diatas. Masukkan data pada form tersebut, kemudian simpan. Sehingga dapat menampilkan hasil seperti gambar dibawah ini.

ScreenHunter_7

Semoga dengan postingan sederhana ini, dapat bermanfaat.🙂

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: