<TEXTAREA cols=50 name=txtara rows=7 style="overflow:hidden" wrap=hard>
</TEXTAREA>
※ 보충 : <textarea></textarea>태그 사이에 글 적으면 그 글이 출력화면에 보이는건 아시죠? 위에 출력화면은 태그 사이에 넣은것이 아니라 출력화면에서 넣어본거예요..
▨ textarea의 속성값(property) 알아보기
1. cols
형식 : cols = 50
옆으로 글씨가 쓰여지는 컬럼수라고 할 수 있다.(width 를 조절하는데 사용)
2. rows
형식 : rows = 7
아래로 쓰여지는 row 수 (height 를 조절하는데 사용)
textarea 는 maxLength 가 적용 되지 않는다...
length를 제한할때는 자바스크립을 이용해서 유효성 체크를 해야 한다.
3. wrap
형식 : wrap=hard
입력시 자동으로 줄바꿈이 되면 그것을 c/r 값으로 인식함(조회시 자동으로 줄바꿈되도록 하기위함)
- OFF : WRAP 속성을 사용하지 않은 것과 같이 줄 바꿈을 하지 않고 가로 스크롤바가
생겨납니다.
ENTER키 입력을 엔터기호를 추가하지 않고 프로그램으로 보낸다.
- SOFT : 화면상으로는 줄 바꿈을 하지만 "ENTER"를 입력하지 않은 것으로 취급한다.
글 입력시 자동 줄바꿈을 하지만 엔터기호를 추가하지 않고 프로그램으로 보낸다.
- HARD : 화면상에 줄 바꿈을 하면서 "ENTER"가 입력된 것과 같은 결과가 된다.
이 HARD 속성을 사용했을 때 일반 화면의 입력 영역에 입력된 모습 그대로
출력되는 것이다.
ENTER키 입력을 엔터기호를 추가하여 프로그램으로 보낸다.
- VIRTUAL : SOFT와 유사
- PHYSICAL : 글입력시 자동 줄바꿈을 하고 엔터기호를 추가하여 프로그램으로 보낸다.
※ 그밖에 속성들은 정말 많다. 일일이 하나씩 다 나열하긴 힘들다..
왜냐구? 나도 다 몰라용~~ ㅋㅋ
▨ scrolbar 없애기
형식 : style="overflow:hidden"
overflow:hidden(스크롤 숨기기)
overflow:auto (스크롤 오토-데이타가 길면 생기고 짧으면 없어진다)
overflow:yes(항상 스크롤이 있음)
※ 보충 : 만약 가로 스크롤만 없애고 싶다면?
overflow-x:hidden; overflow-y:yes로 각각 선택할 수 있음.