Create the web page for the web application

The index.html web page provides an entry point to the Java servlet that invokes the FirstAppSolution/PreLoanProcess process. This web page is a basic HTML form that contains an HTML form and a submit button. When the user clicks the submit button, form data is posted to the SubmitXML Java servlet.

The Java servlet captures the data that is posted from the HTML page by using the following Java code:

//Get the values that are passed from the Loan HTML page 
String name = request.getParameter("name"); 
String phone = request.getParameter("phone"); 
String amount = request.getParameter("amount");

The following HTML code represents the index.html file that was created during setup of the development environment. (See Create a web project.)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Insert title here</title> 
</head> 
<body> 
<TABLE border="0"> 
    <TBODY> 
        <TR> 
            <TD width="172"><img src="financeCorpLogo.jpg" width="172" height="62"></TD> 
            <TD width="314"><FONT size="+2"><strong>Java Loan Application Page</strong></FONT></TD> 
            <TD width="10">&nbsp;</TD> 
            <TD width="123">&nbsp;</TD> 
        </TR> 
         
    </TBODY> 
</TABLE> 
    <FORM action="http://hiro-xp:8080/PreLoanProcess/SubmitXML" method="post"> 
       <TABLE border="0"> 
         <TBODY> 
               <TR> 
                     <TD width="114"><LABEL for="name">Name: </LABEL></TD> 
                 <TD width="166"><INPUT type="text" name="name"></TD> 
                 <TD width="267"><input type="submit" value="Submit Application"></TD> 
                 </TR> 
           <TR> 
                 <TD width="114"> <LABEL for="phone">Phone/Email: </LABEL></TD> 
             <TD width="166"><INPUT type="text" name="phone"></TD> 
                 <TD width="267"></TD> 
             </TR> 
 
           <TR> 
                 <TD width="114"><LABEL for="amount">Amount: </LABEL></TD> 
             <TD width="166"><INPUT type="text" name="amount"></TD> 
                <TD width="267"></TD> 
            </TR> 
         </TBODY> 
</TABLE> 
      </FORM> 
</body> 
</html>