HTML


      AboutMe      MyCurrentLocation     Blog      GuestBook     Story of a Techie cum fighter in the Real World     HOME

How to use onClick() in a JSP page?

<TD><button onClick="location.href='http://localhost:8080'"></button></TD> 

 Learning 1: 

Create a HTML form as shown in Screenshot below:


Solution;: Refer to this register.html code

 <!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>Registration Page</title>
</head>
<body>
    
    <form action="http://localhost:8080/ServerSideTutorial/forms/process.jsp" method="POST">
        <center>
            <table cellpadding="4" cellspacing="2" border="0">
                <TH bgcolor="#CCCCFF" colspan="2">
                    <font size="5">USER REGISTRATION</font>
                    <br>
                    <font size="1"><sup>*</sup>Required Fields</font>
                </TH>
                <tr bgcolor="#c8d8f8">
                    
                    <td valign="top">
                    <b>First Name<sup>*</sup></b>
                    <input type="text" name="firstName" value="" size="15" maxlength="20">
                    </td>
                    
                    <td valign="top">
                    <b>LastName<sup>*</sup></b>
                    <input type="text" name="lastName" value="" size="15" maxlength="20">
                    </td>
                </tr>
                
                <tr bgcolor="#c8d8f8">
                    <td valign="top">
                        <b>Email<sup>*</sup></b>
                        <input type="text" name="email" value="" size="15" maxlength="35">
                    </td>
                    
                    <td valign="top">
                        <b>Zip Code<sup>*</sup></b>
                        <input type="text" name="zip" value="" size="15" maxlength="5">
                    </td>
                                    
                </tr>
                                
                <tr bgcolor="#c8d8f8">
                    <td valign="top" colspan="2">
                    <b>UserName<sup>*</sup></b>
                    <input type="text" name="userName" value="" size="10" maxlength=10>
                    </td>
                </tr>
                
                <tr bgcolor="#c8d8f8">
                    <td valign="top">
                        <b>Password<sup>*</sup></b>
                        <input type="text" name="password1" value="" size="10" maxlength="10">
                    </td>
                    <td valign="top">
                        <b>Confirm Password</b><sup>*</sup>
                        <input type="text" size="10" name="password2" maxlength="10">
                    </td>
                </tr>
                
                <tr bgcolor="#c8d8f8">
                    <td valign="top" colspan="2">
                    <b>What Music are you interested in?</b>
                    <input type="checkbox" name="faveMusic" value="Rock">Rock
                    <input type="checkbox" name="faveMusic" value="Pop">Pop
                    <input type="checkbox" name="faveMusic" value="Pop">BlueGrass
                    <input type="checkbox" name="faveMusic" value="Pop">Blue
                    <input type="checkbox" name="faveMusic" value="Pop">Jazz
                    <input type="checkbox" name="faveMusic" value="Pop">Country
                    
                    </td>
                </tr>
                
                <tr bgcolor="#c8d8f8">
                <td valign="top" colspan="2">
                <b>Would you like to receive e mail notification</b>
                <input type="radio" name="notify" value="Yes" checked>Yes
                <input type="radio" name="notify" value="No">No
                </td>
                </tr>
            </table>
            <input type="submit"><input type="reset">
        </center>
    </form>

</body>
</html>