230605) input 요소 사용시 1줄만 입력이 가능한 현상

입력칸을 만들고자 할 때 html요소로 'input'을 넣는 경우가 잦다.

하지만 input요소를 이용해 입력칸을 만들 경우, 최대 1줄까지만 입력이 가능하고 세로줄정렬이 가운데로 맞춰지는 불편함이 있다.

 

이를 wrap이나 정렬로 맞춰도 input 요소는 기본적으로 1줄까지만 입력이 가능하기 때문에, 모양을 바꾸는 것만 가능할 뿐 근본적으로 1줄만 입력 가능한 것을 고치는 게 쉽지 않다.

 

하지만 이 문제는 생각보다 빠르게 해결 가능하다.

 

input 요소 대신 textarea 요소를 사용하면 된다.

textarea요소는 html 요소이기 때문에 html작성란에 작성해 주면 된다. input요소의 자리에 그대로 넣어주면 된다고 생각하면 된다.

 

cols, rows로 최대 몇 줄까지 작성 가능하게 할 것인지 적용또한 가능한데, 참고로 이는 auto의 설정도 가능하니 유용하게 사용이 가능할 듯하다.

 

오늘도 잘 해냈다!