Onclick select then off
<p>I am using basic code to highlight the text within a text field when the user clicks in it:</p>

<pre><code>&lt;input type="text" id="search_for" name="searchTerm" onclick="this.select()"&gt;
</code></pre>

<p>Which is great, but you only have the choice to delete, meaning you can't actually click in the middle of the selected text to add something in the middle of words/characters already in there.</p>

<p>Scenarios... if a user does a search for "red car", they should be able to click in the box, its hightlighted, so hit delete and search for "blue car". Or, they might want to click in the input and change their search to "big red car".</p>

<p>Is it possible to click then unset the highlight by clicking again? Or what other method could I use?</p>

<p>Or should I select the field on page load, then click to un-select? Is that even possible?</p>

<p>I've searched extensively for this but no luck as yet.</p>
