Form with only one input field!

**dbk** · 01-06-2011 12:18 PM

Hi

I have made a variety of forms, but I just made one with only one input field type="text". The mysterious case is that when I press enter, the page reloads and places the values in the url!!

Why does it do that, and how do I prevent it???

If I make one more text field it doesn't happens!!

HTML Code:

<html>
<body>
<form name="testform">
	<input type="text" name="testinput">
</form>
</body>
</html>

(The form action is not defined because I use ajax to handle the form)

**Big O(1)** · 01-06-2011 12:27 PM

What are you trying to do with your form? It needs a method and action attribute to know what to do when it is submitted. Since you haven't provided either, it is using the GET method and the default action is to reload the page. That's why you're seeing this behavior.

**dbk** · 01-06-2011 12:34 PM

Hi Big O

Thanks for the reply!

I use JavaScript to handle the form with a onchange action. That's why I haven't placed a action inside the form tag!

I understand that it by default uses GET method, and that it reloads the page, but why doesn't it happen if there are more then one text field?

**dbk** · 01-06-2011 01:36 PM

Well the quick solution is to place this inside the <form> tag:

onsubmit="return false"

Maybe not pretty but it works!

Thread: Form with only one input field!

Thread Tools

Display

Form with only one input field!

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions