title: Put cursor in input field after hover
body: <p>I have a form that is <code>display:none</code> and when I am going to hover on a another link, then the form comes up. How can I put the cursor into the input field? Is there a way to do it in css?</p>
  
  <p>If I make the form to <code>display:inline-block</code> directly, the cursor is in the input field. </p>
  
  <p>My CSS:</p>
  
  <pre><code>.search-bar {
      display: none;
   }
  
   #main-nav a:hover .search-bar {
       display: inline-block;
   }
  </code></pre>
  
  <p>My Form in the html file:</p>
  
  <pre><code>&lt;input id="search_search" type="text" autofocus="autofocus" placeholder="Placeholder.Search.Main" name="search[search]"&gt;&lt;/input&gt;
  </code></pre>