Needs

  • 최근에 원래 input 태그를 사용했던 곳 중에서 사용자가 여러줄 입력이 가능하게 변경해달라는 요청이 있었다.
  • 간단한 작업일거라 생각했지만 꽤나 골머리를 썩혔다.

Solution ?

  • 사실 결론부터 말하자면 input 태그에서 multi-line 구현은 불가능하다. 고민하지 말고 그냥 textarea를 쓰면 된다.
  • 애초에 input 태그는 single-line 전용으로 구현 되었고 form 엘리먼트에서 multi-line 이 가능한 엘리먼트는 textarea 밖에 없다는 정보를 접할 수 있었다.
  • 그럼에도 사용자의 요청에 맞게 작업하기 위해서는 textarea를 억지로 input 처럼 보이게 해야한다.
  • 나느 스크롤 바를 안보이게 하고 크기를 맞추는 등의 CSS 작업을 해줘야 했다.

Reference