태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

<html>
<head><title>입력한 길이만큼 늘어나고 줄어드는 TEXTAREA</title></head>
<body>
<table>
  <tr>
    <td>
       <textarea style="height:150px;width:300px" onKeyup="var m=50;var s=this.scrollHeight;if(s>=m)this.style.pixelHeight=s+4"></textarea>
    </td>
  </tr>
</table>
</body>
</html>

 

보통 아이프레임이나 일반 문서의 경우엔 scrolling="no" 나 <body scroll="no">를 추가해 넣어주면 됩니다.


가로 스크롤바 없애기)

없애고자하는 페이지의 <body>태그안에, style="overflow-x:hidden"를
<body style="overflow-x:hidden">

세로 스크롤바 없애기)
<body style="overflow-y:hidden">









스크롤바 숨기기
<body style="overflow=hidden">→웹페이지에 스크롤바가 없어짐
<textarea rows=3 cols=50 style="overflow=hidden">
→textarea의 스크롤바가 없어진다.

스크롤이 없더라도 ↑↓혹은PageUp PageDown키로 움직여서
내용을 보는게 가능하므로 한번쯤 써먹어 볼만한 팁^^



*참고로 스크롤바를 내보이는 것이 overflow이다.
overflow의 속성 : auto(yes,no는 안먹힘),visible,hidden,scroll

1)auto:지정된사이즈이상으로 내용이 넘치면 세로스크롤 생김
2)visible:사이즈에 관계없이 내용 모두를 보여줌(스크롤박스만들지 않은것과 같음)
3)hidden: 지정된 사이즈이상의 내용은 잘라버림(스크롤바없음)
4)scroll:무조건 스크롤바를 보여줌(가로,세로 스크롤모두 생김)

'웹표준 > Html' 카테고리의 다른 글

table의 모든 것  (0) 2007.09.30
프린터 하기  (0) 2007.09.29
동적인 TEXTAREA  (1) 2007.09.29
img 속성  (0) 2007.09.19
Tag 몇개  (0) 2007.09.19
기본 Tag  (0) 2007.08.24
Posted by 고시랑