title: How to create a textbox with two lines in html - placeholder being intact
body: <p><img src="https://i.stack.imgur.com/mkS2q.png" alt="Please see the image with two line in the text box one being place holder"></p>
  
  <p>I want to create a textbox like the image attached in HTML, JS. Please share some Ideas. </p>
  
  <p>In the image you can see 3 cases</p>
  
  <p>Top - Successful Case</p>
  
  <p>Middle - Default when phone number is empty Textbox is shown with placeholder PHONE NUMBER</p>
  
  <p>Bottom-Place holder shows up on top while user enters the phone number</p>