This is my index.jsp :
<!DOCTYPE html>
<html>
<head><title>Bank application</title>
<link rel="stylesheet"
href="./css/styles.css"
type="text/css"/>
</head>
<body>
<table class="title">
<tr><th>Bank application</th></tr>
</table>
<br/>
<fieldset>
<legend>Bank Account Balance</legend>
<form action="show-balance">
Customer ID (id001, id002, id003):
<input type="text" name="customerId"/><br/>
<input type="submit" value="Show Balance"/>
</form>
</fieldset>
<br/>
<fieldset>
<legend>Random Number</legend>
<form action="random-number">
Range: <input type="text" name="range"><br/>
<input type="submit" value="Show Number">
</form>
</fieldset>
<br/>
<fieldset>
<legend>Registration</legend>
<form action="register">
First name: <input type="text" name="firstName"><br>
Last name: <input type="text" name="lastName"><br>
<input type="submit" value="Register">
</form>
</fieldset>
<br/>
<fieldset>
<legend>Prime Number</legend>
<form action="find-prime">
Length: <input type="text" name="primeLength"><br>
<input type="submit" value="Calculate Prime">
</form>
</fieldset>
<br/><br/><br/><br/><br/><br/>
</body></html>
It looks something like this :

But when I try to do some modifications to index.jsp , for example let’s take the last legend:
<br/>
<fieldset>
<legend>Prime QQQQQQQQQQQQQQQQQQQQQQQ Number</legend>
<form action="find-prime QQQQQQQQQQQQQQQQQQQQQQQ ">
Length: <input type="text" name="primeLength"><br>
<input type="suQQQQQQQQQQQQQQQQQQQQQQQ bmit" value="Calculate PrimQQQQQQQQQQQQQQQQQQQQQQQ e">
</form>
</fieldset>
I still get the same page .
What’s wrong with it ? any idea what am I doing wrong ?
Thanks
This will work: