title: Using Javascript .focus() highlights text
body: <p>I have a form like so:</p>
  
  <pre><code>&lt;form action='word.php' name = 'searchbox'&gt;
  &lt;input type='text' name='word' id = 'searchbox' value = 'default'&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>In my body I have:</p>
  
  <pre><code>&lt;body onLoad="searchbox.word.focus()"&gt;
  </code></pre>
  
  <p>You can see the fiddle here:
  <a href="http://jsfiddle.net/WEZ7S/" rel="nofollow">http://jsfiddle.net/WEZ7S/</a></p>
  
  <p>What I'm trying to achieve is just have a blinking cursor at the end of "default", but instead the whole word gets selected instead.</p>
  
  <p>Surprisingly Google hasn't been able to find any solutions. How would I do this?</p>