textarea태그로<html> 문서 꾸미기
html 문서의 소스를 바디상에 나타 내고자 할때 htextarea태그를 사용 하면 유용하게 사용 할수가 있다.특히 html의 문서 예제문에서 스스로 태그의 꺾쇠 부호를 특수문으로 바꾸어 주게 된다. 그러므로 태그의 꺽쇠 부호를 특수문으로 사용 하는 불편 함을 들어 주게 되므로 html 문서 예제문에 자주 이용 한다.textarea는 말 그대로 html 문서의 에디터 소스 일부를 본문에 띄워 주는 것으로 iframe의 기능 과도 유사 하다고 할수 있다.
특히 잘못 사용 할경우 미로에 빠지는 복잡한 경험을 하게 되므로 사용을 제한적으로 하도록 해야 한다.
상하로 넓혀 보기를 위해서 스크롤 바의 길이를 지정 해줘야 하는데
필요한 값은 이렇게 만 들어 주면 된다.<textarea name="S_Item5_23" style="width:450px;height:200px;"> 문서 내용</textarea>
셀렉터 지정범위는 이렇게 해 주면 된다.인용할 범위 셀렉터 지정<textarea id="test" onclick="this.select()" onfocus="this.select()"> 문서의 내용. . . . </textarea>
아래 는 <textarea>태그로 만든 예제문 입니다.
<textarea>태그를 사용 해 문서를 작성 할때는 매우 조심 해야 한다. 지원 하는 기기에따라 많은 차이를 보여 주기 때문이다.
그리고 텍스트 문서를 꾸밀때는 read only="read only"를 이용해 브레이크를 걸어 두고 사용 하도록 한다.
<textarea>테그 는 폼의 요소를 가지고 있어 텍스트필드 폼으로 댓글창에 주로 사용 한다.
한 단위의 구문만을 표시 할수 있는 일반적인 필드의 한계점을 row값 과 col 값으로 필드 범위를 사용자 지정으로 만들수 있어
방문자를 위한 댓글창에 사용 하도록 만들어진 태그라고 할수 있다.
textarea태그의 row값과 col값으로 댓글창을 만들어 보도록 하겠습니다.
예제)
아래는 코딩소스 입니다.
<textarea name="soge" rows="5" cols="40" style="border:1px solid blue; read only="read only";></textarea>
아래는 결과 입니다.