title: Trigger ion-input focus when ion-icon clicked
body: <p>Good day all</p>
  
  <p>I am building my first ionic 4 mobile application, and have a question about how label, icons and other elements can be connected to a form input. </p>
  
  <p>In normal HTML forms you have a relationship between labels and inputs using the "for" attribute, like so:</p>
  
  <pre><code>&lt;label for="name"&gt;Please enter name&lt;/label&gt;
  &lt;input type="text" id="name" name="name"/&gt; 
  </code></pre>
  
  <p>With this relationship in place the input field gains focus when you either click on the label or on the input itself to gain focus on the input.</p>
  
  <p>In ionic you use ion-label and ion-input instead of the default HTML form elements, and these seem to not share this capability.</p>
  
  <p>I am specifically interested in using an icon as the aforementioned label. I tried the following without any success:</p>
  
  <pre><code>&lt;ion-item&gt;
    &lt;ion-label for="searchText"&gt;
      &lt;ion-icon name="search"&gt;&lt;/ion-icon&gt; &lt;!--name here refers to the icon displayed--&gt;
    &lt;/ion-label&gt;
    &lt;ion-input id="searchText" name="searchText" type="text" placeholder="Search" &gt;&lt;/ion-input&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>Is there something similar that one can use, or do I need to use JavaScript to achieve this?</p>
  
  <p>Any advice would be greatly appropriated </p>