You type information in a form on a Web page, and then you
press ENTER on the keyboard. When you do this, the form is submitted instead of the insertion
point moving to the next form field.
This behavior occurs because the default behavior for a Web browser is to submit the form
when you press ENTER.
Microsoft provides programming examples for illustration only, without warranty either expressed or implied. This includes, but is not limited to, the implied warranties of merchantability or fitness for a particular purpose. This article assumes that you are familiar with the programming language that is being demonstrated and with the tools that are used to create and to debug procedures. Microsoft support engineers can help explain the functionality of a particular procedure, but they will not modify these examples to provide added functionality or construct procedures to meet your specific requirements.
Note You may receive an error message if you copy the examples
directly from this article and paste them into FrontPage. The angle brackets
(<and>) may appear as escaped HTML code (<and>). To work around
this behavior, paste the script into a blank Notepad document, and then copy it
from Notepad before you paste it into FrontPage.
To work around this behavior, use Dynamic HTML
(DHTML) to intercept the ENTER keystroke and convert it to a TAB keystroke.
To do this, follow these steps, as appropriate for the product that you are using.
Microsoft Office SharePoint Designer 2007
Important The following sample code uses custom DHTML that may not be
available in all browsers.
- Open a Web in SharePoint Designer 2007, and then create a
new page.
- Insert a form on the page. To do this, follow these steps:
- In the Toolbox pane, right-click Form underForm Controls, and then click Insert.
- Right-click the form, and then click Form
Properties.
- In the Form Name box, type
myForm.
- Click OK.
- Add two Text Area boxes to the form. To do this, follow these
steps:
- In the Toolbox pane, right-click Text Area underForm Controls, and then click Insert.
- Position the insertion point to the right of the Text Area box, and then press ENTER.
- In the Toolbox pane, right-click Text Area underForm Controls, and then click Insert.
You should now have two Text Area boxes, one under the other. - Delete the Submit button and the
Reset button.
- Switch to Code view, and then make the following changes:
- Locate the <body> tag, and then change it to the
following tag:
<body onContextMenu="return false" onKeyDown="if (window.event.keyCode==13) window.event.keyCode=9;">
- Locate the </form> tag, and then change it to the
following tag:
<!-- show a SUBMIT button -->
<input onKeyDown="if (window.event.keyCode==13) myForm.submit();" type="submit" value="Submit"/><br>
<!-- show a RESET button -->
<input onKeyDown="if (window.event.keyCode==13) resetForm();" onClick="resetForm();" type="button" value="Reset"/><br>
<!-- DHTML script to reset the form -->
<script language="JavaScript">
<!--
// Set the focus of the form to the first element.
myForm.elements(1).focus();
function resetForm()
{
// Prompt to reset the form.
if (confirm('Are you sure you want to clear the form?'))
window.location.reload(); // Reload the page to clear the form.
}
//-->
</script>
</form>
- Save the page as Formtest.htm in your Web.
When you view this page in Microsoft Internet Explorer and
then press ENTER, the page is captured and converted to a TAB keystroke. This occurs unless you
press the ENTER key when either the
Submit button or the
Reset button has focus.
Microsoft Office FrontPage 2003
Important The following sample code uses custom DHTML that may not be
available in all browsers.
- Open a Web in FrontPage 2003, and then create a
new page.
- Insert a form on the page. To do this, follow these steps:
- On the Insert menu, point to
Form, and then click Form.
- Right-click the form, and then click Form
Properties.
- In the Form Name box, type
myForm.
- Click OK.
- Add two text boxes to the form. To do this, follow these
steps:
- On the Insert menu, point to
Form, and then click Textbox.
- Press ENTER.
- On the Insert menu, point to
Form, and then click Textbox.
- Delete the Submit button and the
Reset button.
- Switch to Code view, and then make the following changes:
- Locate the <body> tag, and then change it to the
following tag:
<body onContextMenu="return false" onKeyDown="if (window.event.keyCode==13) window.event.keyCode=9;">
- Locate the </form> tag, and then change it to the
following tag:
<!-- show a SUBMIT button -->
<input onKeyDown="if (window.event.keyCode==13) myForm.submit();" type="submit" value="Submit"><br>
<!-- show a RESET button -->
<input onKeyDown="if (window.event.keyCode==13) resetForm();" onClick="resetForm();" type="button" value="Reset"><br>
<!-- DHTML script to reset the form -->
<script language="JavaScript">
<!--
// Set the focus of the form to the first element.
myForm.elements(1).focus();
function resetForm()
{
// Prompt to reset the form.
if (confirm('Are you sure you want to clear the form?'))
window.location.reload(); // Reload the page to clear the form.
}
//-->
</script>
</form>
- Save the page as Formtest.htm in your Web.
When you view this page in Microsoft Internet Explorer and
then press ENTER, the page is captured and converted to a TAB keystroke. This occurs unless you
press the ENTER key when either the
Submit button or the
Reset button has focus.
This
behavior is by design.