Form focus

**cckrocks** · Jan 17, 2001, 13:14

Not a question, but a tidbit. There was someone askig before about how to start off a form with the cursor in a particular text box. Well, this is how to do it (very simple):

Put this script directly AFTER your form

Code:

<script language="JavaScript">
<!--
document.form_name.input_name.focus()
//-->
</script>

Just insert the form name and input name, and there it is!

**TWTCommish** · Jan 17, 2001, 15:24

In case you're a JS newbie of sorts, try this:

Code:

<html>
<head>
<title>A Page</title>
<script language="JavaScript">
<!--
function changeFocus() {
document.form1.email.focus()
}
//-->
</script>
</head>

<body onLoad="changeFocus();">
<form name="form1" action="somepage.cgi" method="post">
Email Address: <input type="text" name="email"><br>
<input type="submit" name="submit" value="Send Email">
</form>
</body>
</html>

Also, if you wanted to, you could replace "document.form1.email.focus()" with "document.forms[0].email.focus(), I believe. That will automatically locate the first form on the page, regardless of its name.

I don't know for sure whether you'll still required to specify the NAME attribute in your FORM tag, but it can't hurt either way.

**Kevin Yank** · Jan 20, 2001, 14:03

Heck, if you want to focus on the first field of the first form on the page, you can use:

document.forms[0].elements[0].focus();

The SitePoint Forums have moved.

User Tag List

Thread: Form focus

Thread Tools

Display

Hybrid View

Bookmarks

Bookmarks

Posting Permissions