Why is it that a <form>
with a single <input>
field will reload the form when the user enters a value and presses the Enter, and it does not if there are 2 or more fields in the <form>
?.
I wrote a simple page to test this oddity.
If you enter a value in the second form and press Enter, you'll see it reloads the page passing the entered value as if you called GET
. why? and how do I avoid it?
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>testFormEnter</title>
</head>
<body>
<form>
<input type=text name=partid2 id=partid2 />
<input type=text name=partdesc id=partdesc />
</form>
<p>2 field form works fine</p>
<form>
<input type=text name=partid id=partid />
</form>
<p>One field form reloads page when you press the Enter key why</p>
</body>
</html>