Focus Input Box On Load

Question

How can the cursor be focus on a specific input box on page load   Is it posible to retain initial text value as well and place cursor at end of input    lt input type  text   size  25  id  myinputbox  class  input-text  name  input2  value    initial text    gt

User · Answer

Add this to the top of your js   var input       myinputbox     input focus      Or to html    lt script gt      var input       myinputbox         input focus     lt  script gt

User · Answer

very simple one line solution    lt body onLoad  document getElementById  myinputbox   focus     gt

User · Answer

This is what works fine for me    lt form name  f  action   search  gt       lt input name  q  onfocus  fff 1    gt   lt  form gt    fff will be a global variable which name is absolutely irrelevant and which aim will be to stop the generic onload event to force focus in that input    lt body onload  if  this fff document f q focus     gt       lt  --     the rest of the page     -- gt   lt  body gt    From  http   webreflection blogspot com br 2009 06 inputfocus-something-really-annoying html

User · Answer

Try   Javascript Pure    elem  n  style visibility  visible    elem  n  focus      Jquery    elem  filter   visible   focus

User · Answer

There are two parts to your question   1  How to focus an input on page load   You can just add the autofocus attribute to the input      lt input id  myinputbox  type  text  autofocus gt    However  this might not be supported in all browsers  so we can use javascript   window onload   function       var input   document getElementById  myinputbox   focus        2  How to place cursor at the end of the input text   Here s a non-jQuery solution with some borrowed code from another SO answer      function placeCursorAtEnd       if  this setSelectionRange           Double the length because Opera is inconsistent about         whether a carriage return is one character or two      var len   this value length   2      this setSelectionRange len  len       else          This might work for browsers without setSelectionRange support      this value   this value         if  this nodeName      TEXTAREA            This will scroll a textarea to the bottom if needed     this scrollTop   999999          window onload   function       var input   document getElementById  myinputbox       if  obj addEventListener        obj addEventListener  focus   placeCursorAtEnd  false       else if  obj attachEvent        obj attachEvent  onfocus   placeCursorAtEnd          input focus        Here s an example of how I would accomplish this with jQuery    lt input type  text  autofocus gt    lt script gt    function           autofocus    on  focus   function         if  this setSelectionRange          var len   this value length   2        this setSelectionRange len  len         else         this value   this value            this scrollTop   999999       focus         lt  script gt

User · Answer

Just a heads up - you can now do this with HTML5 without JavaScript for browsers that support it    lt input type  text  autofocus gt    You probably want to start with this and build onto it with JavaScript to provide a fallback for older browsers

User · Answer

document  ready function             id   focus

User · Answer

Working fine     window onload   function       var input   document getElementById  myinputbox   focus

User · Answer

If you can t add to the BODY tag for some reason  you can add this AFTER the Form    lt SCRIPT type  text javascript  gt      document yourFormName yourFieldName focus     lt  SCRIPT gt

User · Answer

function focusOnMyInputBox                                         document getElementById  myinputbox   focus        lt body onLoad  focusOnMyInputBox     gt    lt input type  text   size  25  id  myinputbox  class  input-text  name  input2  onfocus  this value   this value   value    initial text  gt

User · Answer

A portable way of doing this is using a custom function  to handle browser differences  like this one   Then setup a handler for the onload at the end of your  lt body gt  tag  as jessegavin wrote   window onload   function       document getElementById  myinputbox   focus

[javascript] Focus Input Box On Load

Examples related to javascript

Examples related to html

Examples related to dom

Examples related to xhtml