JSP Background Image

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

JSP Background Image

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: