title: Auto select text in HTML input
body: <p>I have an <code>HTML</code> input as follows:</p>
  
  <pre><code>&lt;input type="text" value="Link etc..." readOnly={true}/&gt;
  </code></pre>
  
  <p>I am trying to make the text inside the input to be auto highlighted at the point the input is displayed on the page.</p>
  
  <p>I have found lots of questions that show how to do this <code>onClick</code> etc, but none that highlight the text by default when the input displays.</p>
  
  <p>I am sure this is a simple task - but I cannot find the answer anywhere!!</p>
  
  <p>NOTE: I am sure I could work out how to achieve this by firing a JavaScript function on my page - but this seems a bit of overkill - I am trying to achieve this in the HTML declaration</p>
  
  <p>I am also using React - but I do not think this is relevant for this question?</p>