CSS實現兩行input框樣式

需求

實現如下這樣的兩行的input框樣式。placeholder是兩行的：

在輸入的時候也是兩行：

實現

demo: https://jsfiddle.net/2L7adr86/
不要想着把input變爲兩行，而是直接使用textarea。如果在mobile的時候需要顯示成input一樣的樣式，可以將row的值改成1，並在樣式上加上white-space: nowrap;

<textarea rows="2" resize="none" placeholder="Enter Name, City, State or Zip Code"></textarea>

textarea{
  resize: none;
  font-size: 16px;
  padding: 10px 30px 10px 5px;
  overflow: hidden;
  
}