title: How to hide placeholder onclick in material
body: <p>I am using simple <code>form-field input</code> component as in below code</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;mat-form-field class="example-form-field" &gt;
       &lt;input matInput type="search" placeholder="Search"  &gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>On entering the input fieled by default the placeholder will go above.</p>
  
  <p><a href="https://i.stack.imgur.com/qqdVR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qqdVR.png" alt="enter image description here"></a> </p>
  
  <p>How can i hide the placeholder on entering to the input field?</p>