텍스트에리어(textarea) 안의 내용을 줄바꿈 하지 않기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

간혹 textarea 의 내용을 줄바꿈 하지 말아야 할 때가 있습니다.

기본적으로 줄바꿈이 되기 때문인데요.

wrap="off" 라는 속성을 추가해 주면 줄바꿈이 되지 않고

가로 스크롤바가 생깁니다.

필요하신분 있으실 겁니다 ^^

저는 자바스크립트나 HTML태그등의 소스를 텍스트 에리어에 보여줄 때 사용했습니다.

개발 소스의 경우 줄바꿈이 되면 보기 불편해 질 수도 있습니다.

차라리 스크롤바 땡겨보는게 눈에 더 잘 들어오죠.

예제

일반 적인 모습

줄바꿈 하지 않는 모습

소스

일반 적인 모습<br>
<textarea style="width:400px; height:150px">
말광량이 삐삐의 풀네임은? 삐삐로타 델리카테사 윈도셰이드 맥크렐민트 에프레임즈 도우터 롱스타킹
</textarea>

<br><br>

줄바꿈 하지 않는 모습<br>
<textarea style="width:400px; height:150px" wrap="off">
말광량이 삐삐의 풀네임은? 삐삐로타 델리카테사 윈도셰이드 맥크렐민트 에프레임즈 도우터 롱스타킹
</textarea>

일반 적인 모습<br>
<textarea style="width:400px; height:150px">
말광량이 삐삐의 풀네임은? 삐삐로타 델리카테사 윈도셰이드 맥크렐민트 에프레임즈 도우터 롱스타킹
</textarea>

<br><br>

줄바꿈 하지 않는 모습<br>
<textarea style="width:400px; height:150px" wrap="off">
말광량이 삐삐의 풀네임은? 삐삐로타 델리카테사 윈도셰이드 맥크렐민트 에프레임즈 도우터 롱스타킹
</textarea>

☞ 달팽이홈2

등록일 : 2014-12-15