Home Jsp JSP Background Image
Questions:Ask|Latest



JSP Background Image
Posted on: June 12, 2009 By Deepak Kumar
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

<HTML>
<HEAD>
<TITLE>Background Image</TITLE>
</HEAD>

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

Output will be displayed as:

Download Source Code:


Recommend the tutorial

Ask Questions?    Discuss: JSP Background Image  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
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>