Questions | Solutions | Experts

Select Categories Below

.net [

]

asp.net [

]

browsers [

]

C# [

]

CSS [

]

Databases [

]

email [

]

Errors [

]

HTML [

]

information tec... [

]

Earn money by sharing your knowledge through Quomon's revenue sharing program

Question

Status: Closed Points: 75 Time: 13:41 - Sep 05, 2006

john2

How do I target a form text box when my page loads so the cursor is there at the start?

I have a page that has a username and password login, and I would like to have it so when the page loads the username text area is highlighted and the user can start typing text there right away without having to click in it. How is that accomplished?

Categories:

web development target
text areas

Answer Discussion

Tutorials

Q&A System for Websites and Corporate Collaboration

Generates significant organic traffic for websites
Saves companies money, resources, and time

PeterNZ

Date:: Sep 05, 2006

Time:: 22:17

In your <head> section add the script

<script type="text/javascript">
function setFocus()
{
document.getElementById("txtName").focus()
}
</script>

where "txtName" is the value in the name attribute of your text box.

and in your <body> tag add <body onload="setFocus()">

Hope this helps!

Cheers

Peter

redcharcoal

Date:: Sep 08, 2006

Time:: 10:51

I imagine that you either have a cms or a complex page, so an easier trick is to append a javascript to the very bottom of the page, something like this:

You will need to replace the text 'username' with the actual name of the your username input.

<script type="text/javascript">
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++)
{
  if(inputs[i].name =='username')
  {
   inputs[i].focus();
  }
}

</script>

For a very simple working example, just save this below as a html file and load it in your local browser. Notice the location of the script after the body close and before the close of the html tag.

<html>
<body>
<form>
  <input name="username" type="text" />
  <input name="password" type="text" />
  <input name="submit" type="submit" />
</form>
</body>
<script type="text/javascript">
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i++)
{
  if(inputs[i].name =='username')
  {
   inputs[i].focus();
  }
}

</script>
</html>

john2

Date:: Oct 04, 2006

Time:: 14:07

Thanks guys, huge help.

Question Answered

This question has been closed, and points have been rewarded to the following experts:

PeterNZ:	50
redcharcoal:	25

You're welcome however to comment or give additional information or if you wish, you have the ability to write a Tutorial in the Tutorial Area.

Answer this Question

New User

Email:
Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

No tutorials have been submitted yet. Want to be the first?

Answer this Question

New User

Email:
Upon submission of this form, you will automatically be registered as a Quomon user and we will send your login information to this address

Registered User

Username:

Password:

Forgot Your Password?

Questions
how do i open a file dialog in .net (a windows application)?
When trying to alter a table in MySQL, I get "Error on rename... (Errcode: 13)"
how do i delete a top domain cookie from a subdomain?
Hi Am Rakesh, Am generating User Data List, Details Given Below.Please Help Me.
What is some free software for recording the movements on your computer screen t...
Good project management software?

Ask a Question

Have a new question? Ask!

You have 100 characters to use

Top web development Experts

Rank	Expert	Points
1.	jgivoni	1073
2.	nidhi	890
3.	rcastagna	877
4.	PeterNZ	760
5.	xarcus	620
6.	oracleofDelphi	375
7.	Anpanman	370
8.	theDude	305
9.	redcharcoal	275
10.	rberbe2002	185

Become an Expert


"Psst, Quomon is a great site. Pass it on." Tell a Friend \| Link To Us \| Save to Delicious \| Digg it

Language Options
English:	www.quomon.com
Español:	www.quomon.es