when page loads. focus should be on first control

Question

I have a login page. Whenever the page loads, the cursor should blink in the first textbox only that is for entering a userid.

I've written javascript like this, but I am using Master Pages now.

this is my script:

function fcus(x)
{
  x.focus();
}

<asp:TextBox id="textbox1" onload="javascript:fcus(this);">

and where I have to call this method, I write on onload event of textbox but it gives an error.

Can you tell me where I have to call this method?

Answer 1

Or a bit of jQuery, just dropped into your page:

$(document).ready(function() {

    $(<yourtextboxselector>).focus();

});

http://jquery.com/

Answer 2

No need to write javascript code, you can try this in your code behind

If your control in Master page, and you need to set focus in login page, then you can find control from master page and call focus method in load event.

((TextBox)Master.FindControl("txtRequiredFocus")).Focus();

OR If you control in login page, that you need to focus on it, In the login page code behind

txtRequiredFocus.focus();

Also you check this thread http://stackoverflow.com/questions/1403498/how-to-make-the-default-focus-in-content-page-from-master-page/1403526#1403526

Answer 3

You can call the function like below at the end of the textbox.

<asp:TextBox ID="txt23" runat="server" Text="<%$ appSettings:applicationTitle %>" />
<asp:TextBox ID="TextBox1" runat="server" Text="<%$ appSettings:applicationTitle %>" />
<asp:Label ID="Literal1" runat="server" Text="<%$ appSettings:applicationTitle %>" />
     <script language="javascript" type="text/javascript">
     fcus(document.getElementById('TextBox1'));
    </script>  

 <br />
    <asp:HiddenField ID="hidField" runat="server" />


    <asp:Button ID="btnSubmit" runat="server" Text="Create" OnClick="btnSubmit_Click" />
            </div>
        </form>
    </body>
    </html>

Answer 4

Why don't you use form's DefaultFocus property (ASP.NET 2.0 and above)?

<form defaultfocus=“textbox1”>

You might need to do this programmatically, depending on your scenario.

Look into:

Page.Form.DefaultFocus

To do it programmatically.