Form Submission

Posted on 2006-07-13
Last Modified: 2010-04-09
Hi all

Why a form with single text box gets submitted when pressing enter key,
Below I have given the code, click on the text box and press enter key,
the form gets submitted.. why??

<form name="testing">
<input type="text">

Question by:sumachaa
LVL 18

Expert Comment

ID: 17098642
LVL 13

Expert Comment

ID: 17099820
Most browsers will automatically submit a form when the enter key is pressed. Usually they dont if theres no "submit" button but it will all depend on the browser your using.
LVL 12

Expert Comment

ID: 17104168
My fellow experts may be correct, but I'm gonna assume that the problem lies in that it's an <input> tag and get's set as the default.  Try adding default="false" to your input type="text".  I'm probly crazy!

...uhhhh, strike that, I'm definatly crazy, worth a try though.


Author Comment

ID: 17105859
Hi all

I dont want to know the way how to submit the page. I would like to know if there is any specific reason for this, (why the page gets submitted when one text box is there)

This happens in both IE and firefox.

If I add one more text box, this wont happen, ie... pressing enter key will not submit the page

<form name="testing">
<input type="text"><br>
<input type="text">
LVL 17

Accepted Solution

gops1 earned 20 total points
ID: 17107834
When filling out a form, most browsers will cause the form to be submitted if the user's focus is within a single textbox and they hit the Enter key. The specifics of this interaction vary from browser to browser. Some older browsers don't cause a submission upon hitting Enter; others older browser only do it if there is precisely one input form field. Modern browsers, however, all pretty much support the Enter acting as form submission, but even then they still exhibit some slight differences.

The URL below  provided short description on how the Enter key should affect form submission:

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now