[RESOLVED] cursor in text box

[drtanz]

how do i set the cursor to be in a particular text box ready for the person to enter his login name on loading the pagE? thanks

[NogDog]

Here's one way:

<form action="#" method="post" id="myform" name="myform">
<fieldset>
<label>One: <input type="text" size="10" name="one" id="one"></label><br>
<label>Two: <input type="text" size="10" name="two"></label><br>
<label>Three: <input type="text" size="10" name="three"></label>
</fieldset>
</form>
<script type="text/javascript">
document.myform.one.focus();
</script>

[drtanz]

hi this is my code:

<form action="" method="post" id="frmLogin">
<table width="400" border="1" cellpadding="2" cellspacing="2">
<tr>
<td>User Id</td>
<td><input name="username" type="text" id="username" /></td>
</tr>
<tr>
<td>Password</td>
<td><input name="password" type="password" id="password" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input name="btnLogin" type="submit" id="btnLogin" value="Login" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
document.frmLogin.username.focus();
</script>

However it does not work what is the problem? thanks

[NogDog]

Try using adding name="frmLogin" to the form element. (I think that JS looks at the name values while CSS looks at the ID values.)

[drtanz]

hmm still does not work, strange

[NogDog]

I copied and pasted your code, added the name="frmLogin" to the <form> tag, and it worked fine for me in both IE7 and FF2. Did you refresh the browser page to make sure you got the latest version of the file?

Working code:

<form action="" method="post" id="frmLogin" name="frmLogin">
<table width="400" border="1" cellpadding="2" cellspacing="2">
<tr>
<td>User Id</td>
<td><input name="username" type="text" id="username" /></td>
</tr>
<tr>
<td>Password</td>
<td><input name="password" type="password" id="password" /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input name="btnLogin" type="submit" id="btnLogin" value="Login" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
document.frmLogin.username.focus();
</script>

[drtanz]

ok worked fine now tnx alot!

[bradgrafelman]

Don't forget to mark this thread resolved.

[JPnyc]

You can also use the generic method of reference:

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

Doesn't work any better than what Dog gave you, but just for future reference you should know all the options.

[Kudose]

Don't forget:

document.getElementById('username').focus();