Hey guys in this article, you will learn about reading the form values using JSP with easy to understand example.
Read More:
- Check the Complete JSP Tutorials
- Check the Complete Spring Boot Tutorials [100+ Examples]
- Check the Complete Spring Boot and Thymeleaf Tutorial
- Check the Complete AWS Tutorial
- Check the Complete JavaServer Faces (JSF) Tutorial
- Check the Complete Spring Data JPA Tutorial
- Check the Complete Spring Security Tutorial
- Check the Javascript Projects for Beginners
- Check the Spring Boot JdbcTemplate Tutorials
Table of Contents
Overview
To read the form values in JSP, we will use the request
object
<%= request.getParameter("firstName") %>
getParameter()
takes the name of the input element. Another shortcut method to read form data is using param
object
${param.firstName}
Using param
object we can access the input field names.
Complete Example
Follow the below steps to understand the complete example
Create a Project
You can check the following post to create a new Dynamic Web Project
Create a HTML form
Create EmployeeForm.html
file under WebContent and add the following content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Employee Form</title>
</head>
<body>
<form action="employee-details.jsp">
First Name:
<input type = "text" name = "firstName" />
<br/><br/>
Last Name:
<input type = "text" name = "lastName" />
<br/><br/>
<button type="submit">Submit</button>
</form>
</body>
</html>
Create a JSP file
Create employee-details.jsp
file under WebContent and add the following content
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<h1>Employee details</h1>
<p>First Name: ${param.firstName}</p>
<p>Last Name: ${param.lastName}</p>
</body>
</html>
Run the file
Right click on the File, choose Run As, choose Run on Server. It will open in a default web browser, you will see the following content
That’s it for this post, if you like this post, please share this post with your friends and collogues and also share this on your social media profiles.