How to focus on a form input text field on page load using jQuery

Question

This is probably very simple  but could somebody tell me how to get the cursor blinking on a text box on page load

User · Answer

Think about your user interface before you do this. I assume (though none of the answers has said so) that you'll be doing this when the document loads using jQuery's ready() function. If a user has already focussed on a different element before the document has loaded (which is perfectly possible) then it's extremely irritating for them to have the focus stolen away.

You could check for this by adding onfocus attributes in each of your <input> elements to record whether the user has already focussed on a form field and then not stealing the focus if they have:

var anyFieldReceivedFocus = false;

function fieldReceivedFocus() {
    anyFieldReceivedFocus = true;
}

function focusFirstField() {
    if (!anyFieldReceivedFocus) {
        // Do jQuery focus stuff
    }
}


<input type="text" onfocus="fieldReceivedFocus()" name="one">
<input type="text" onfocus="fieldReceivedFocus()" name="two">

User · Answer

This is what I prefer to use    lt script type  text javascript  gt        document  ready function                  fieldID   focus              lt  script gt

User · Answer

HTML      lt input id  search  size  10    gt    jQuery       search   focus

User · Answer

Set focus on the first text field       input text visible first   focus      This also does the first text field  but you can change the  0  to another index      input  type  text     0  focus       Or  you can use the ID       someTextBox   focus

User · Answer

Why is everybody using jQuery for something simple as this      lt body OnLoad  document myform mytextfield focus     gt

User · Answer

The line     myTextBox   focus   alone won t put the cursor in the text box  instead use       myTextBox text visible first   focus

User · Answer

The Simple and easiest way to achieve this      button   on  click   function              form-group input type  text     attr  autofocus    true

User · Answer

You can use HTML5 autofocus for this  You don t need jQuery or other JavaScript     lt input type  text  name  some field  autofocus gt    Note this will not work on IE9 and lower

User · Answer

place after input   lt script type  text javascript  gt document formname inputname focus    lt  script gt

User · Answer

Sure    lt head gt       lt script src  jquery-1 3 2 min js  type  text javascript  gt  lt  script gt       lt script type  text javascript  gt            function                     myTextBox   focus                     lt  script gt   lt  head gt   lt body gt       lt input type  text  id  myTextBox  gt   lt  body gt

User · Answer

Sorry for bumping an old question  I found this via google  Its also worth noting that its possible to use more than one selector  thus you can target any form element  and not just one specific type  eg      myform input  myform textarea   first   focus     This will focus the first input or textarea it finds  and of course you can add other selectors into the mix as well   Handy if you can t be certain of a specific element type being first  or if you want something a bit general reusable

[javascript] How to focus on a form input text field on page load using jQuery?

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to focus