input type='text'보단 .. textarea

특화프로젝트를 진행하며, 피드에 게시물을 올리는 css를 구성하던중, 게시물의 내용을 작성하는 칸이 필요했다.

 

기억 나는건 input type='text' 뿐이라 적용하였지만, input type="text"는 w3c 표준에 "한줄 문자 편집"이라고 되어있어, 모든 브라우저가 이 규정을 따라야 한다고 나와있다.

input type="text"를 사용시

이에 구글링을 한 결과 <textarea>를 이용하면  cols값과 row값을 조정하여, 자동으로 줄 바꿈이 되고, text칸이 늘어나는걸 확인 할 수 있다는걸 알았다.

 

textarea 이용

내용을 작성하는 란이 커졌고, ux적으로 훨씬 편하게 만들어 진다!