title: How to make a text input layout with box?
body: <p>like this:  <a href="https://i.stack.imgur.com/cJqSy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cJqSy.png" alt="enter image description here"></a>  </p>
  
  <p>The words <code>email or phone</code> are the hint which jumps to top on gaining focus. i tried searching for a library and even looking into code of text input layout, but couldn't understand how to get something like that???</p>