Setting focus on an HTML input box on page load

Question

I m trying to set the default focus on an input box when the page loads  example  google   My page is very simple  yet I can t figure out how to do this   This is what I ve got so far    lt html gt   lt head gt    lt title gt Password Protected Page lt  title gt     lt script type  text javascript  gt   function FocusOnInput       document getElementById  PasswordInput   focus         lt  script gt     lt style type  text css  media  screen  gt    body  html  height  100   padding  0px  margin  0px      outer  width  100   height  100   overflow  visible  padding  0px  margin  0px      middle  vertical-align  middle     centered  width  280px  margin-left  auto  margin-right  auto  text-align center     lt  style gt   lt  head gt   lt body onload  FocusOnInput    gt    lt table id  outer  cellpadding  0  cellspacing  0  gt     lt tr gt  lt td id  middle  gt      lt div id  centered  gt     lt form action  verify php  method  post  gt      lt input type  password  name  PasswordInput   gt     lt  form gt      lt  div gt     lt  td gt  lt  tr gt    lt  table gt   lt  body gt   lt  html gt    How come that doesn t work while this works fine    lt html gt   lt head gt   lt script type  text javascript  gt  function FocusOnInput          document getElementById  InputID   focus       lt  script gt   lt  head gt    lt body onload  FocusOnInput    gt     lt form gt          lt input type  text  id  InputID  gt     lt  form gt   lt  body gt    lt  html gt    Help is much appreciated  -

User · Answer

And you can use HTML5 s autofocus attribute  works in all current browsers except IE9 and below   Only call your script if it s IE9 or earlier  or an older version of other browsers    lt input type  text  name  fname  autofocus gt

User · Answer

This is one of the common issues with IE and fix for this is simple   Add  focus   twice to the input   Fix  -  function FocusOnInput         var element   document getElementById  txtContactMobileNo        element focus        setTimeout function      element focus       1       And call FocusOnInput   on   document  ready function

User · Answer

This line    lt input type  password  name  PasswordInput   gt    should have an id attribute  like so    lt input type  password  name  PasswordInput  id  PasswordInput   gt

User · Answer

You could also use    lt body onload  focusOnInput    gt       lt form name  passwordForm  action  verify php  method  post  gt           lt input name  passwordInput  type  password    gt       lt  form gt   lt  body gt    And then in your JavaScript   function focusOnInput         document forms  passwordForm    passwordInput   focus

[javascript] Setting focus on an HTML input box on page load

Examples related to javascript

Examples related to html

Examples related to focus

Examples related to onload

Examples related to autofocus