How to make Text Box automatically selected on page_load

markknowsley · Sep 29, 2006

If you look at

http://www.google.com

or

http://www.gmail.com

you will notice that the text boxes which take input for the search string or the username automatically have a flashing cursor in them ready to receive input.

How do I do this to an asp text box? I've tried 'TabIndex="1"' but this didn't have the desired effect.

Vragabond · Sep 29, 2006

It's a little method in JavaScript that is called focus(). You can basically call it on every element, but it is mostly used in form elements. In google (and many other websites that do the same) there is an onload event in the document body which gives focus to the desired element. I suggest you use getElementById() to grab the element you want to give it focus, given that the element has an id (which if you use labels, it probably does). If you need detailed information, this would better be answered in forum216, since we're hanging out of the scope of html here.

PGoRule · Sep 29, 2006

You need to call a javascript function in body onLoad...

Code:

<HEAD>
<script type="text/javascript">
function setfocus()
{
document.forms[0].txt1.focus();
}
</script>
</HEAD>
<BODY onload=setfocus()>
.....txt1 being your textbox where you want to focus initially.

Sharing the best from my side...

--Prashant--

markknowsley · Sep 29, 2006

That's brilliant - thanks to you both for your help.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to make Text Box automatically selected on page_load

markknowsley

Programmer

Vragabond

Programmer

PGoRule

Programmer

markknowsley

Programmer

Similar threads

Part and Inventory Search

Sponsor