javascript-focus-demo.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Javascript focus() demo</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body onload="document.getElementById('fav-color').focus();">
    <h1>Javascript focus() demo</h1>
    <p>This page has a simple form with one text field, which receives focus programatically when the page loads (using Javascript <code>focus()</code> method.</p>
    <p>This is a short paragraph to introduce the form. It also has a link to <a href="http://bbc.co.uk/news">BBC News</a></p>
    <form action="">
      <label for="fav-color">Favourite Colour</label>
      <input type="text" id="fav-color" placeholder="blue" />
    </form>
    <p>Some text after the form, with another link to <a href="http://bbc.co.uk/weather">BBC Weather</a></p>
  </body>
</html>