Share on Google+Share on Google+

JSP Background Image

The Section of this tutorial helps you to create JSP Background Image on your login page.

JSP Background Image


The Section of this tutorial helps you to create JSP Background Image on your login page.

 Understand with Example

In this section, you will learn how to display the background image. You can see in the given example that we have defined an image 'images1.gif' in order to display it in the background of the jsp page. 

 <BODY background="images1.gif">: The specific <BODY background ="images1.gif"> is used to displays the background image.

The JSP file also include a submit button that on click it call a Javascript function validate( ), which print a message "Please Enter the Name" ensure the user to enter the Name value in the login page. 

Here is the code of backGroundImage.jsp

<TITLE>Background Image</TITLE>

<BODY background="images1.gif">
function validate() {
if (document.forms[0].name.value=="") {
alert("Please Enter the Name !");
return false;
return true;
<FORM onSubmit="return validate()">
<FONT COLOR="white" SIZE="4">Enter the Name:
<INPUT TYPE="text" NAME="name" size="35" VALUE="" >

Output will be displayed as:

Download Source Code:


Posted on: June 12, 2009 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Discuss: JSP Background Image  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
Aatish Pandya
June 11, 2011
the image is not displayed

Please have a look at the following jsp code. Please note the NetBeans is giving "deprecated value" as warning for "background" attribute! <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> </head> <body Background="C:/Users/aatish/Pictures/img36.gif" Bgcolor = "#000000" Text = "#ffcc66"> <h2>Hello World!</h2> </body> </html> <b><i>Please suggest correct method to set Background image for JSP<b><i>