title: remove focus from an HTML element on load
body: <p>I am using <a href="http://www.templatemo.com/preview/templatemo_375_tech_layer" rel="nofollow">this</a> theme for my website and I have customised its contents. I have added one more slide (fragment), on for login form. However, due to the username input field in this form, whenever the page loads, the focus shifts from home fragment to this username field and the page looks skewed. I tried adding a hidden field <code>hiddenfield</code> in the first home fragment and writing </p>
  
  <pre><code>&lt;body onload="setfocus()"&gt;
  </code></pre>
  
  <p>where <code>setfocus()</code> is </p>
  
  <pre><code>function setfocus() {
      document.getElementById("hiddenfield").focus();
  }
  </code></pre>
  
  <p>but it didn't work.</p>
  
  <p>In short, I need to remove the default focus from an inputbox on page and give it to a fragment. How to do this? Please help as I need to fix this issue immediately.</p>