반응형
HTML <textarea> 태그
http://www.w3schools.com/html5/tag_textarea.asp
<textarea> 태그 사용 결과
<textarea> 태그 사용 방법
HTML 코드
<!DOCTYPE html>
<html>
<head><title></title></head>
<body>
<textarea rows="5" cols="40">
텍스트 크기 기준으로 rows는 (rows값)5줄, cols는 (cols값)40자를 입력할 수 있는 공간을 제공한다. 입력된 텍스트가 40자 이상 입력되면 다음줄로 자동으로 내려가고 (rows값)5줄 이상넘어가면 자동 스크롤이 생긴다.</textarea>
<br />
<textarea rows="5" cols="40">
chobbang.com chobbang.com chobbang.com chobbang.com chobbang.com chobbang.com chobbang.com 영문의 경우 한글과는 다르게 단어가 잘리지 않고, 자동으로 공백을 남기고 다음줄로 넘긴다.</textarea>
</body>
</html>
comment.
<textarea>태그의 속성(attribute)를 이용해서 최대입력가능한 글 수 와 스크롤조정, 읽기만 가능(readonly) 등 원하는 대로 옵션을 조정하여 사용할 수 있다.
반응형
'WEB CookBook > HTML' 카테고리의 다른 글
| HTML5에서 address 주소 태그 (1) | 2012.10.09 |
|---|---|
| HTML에서 acronym 두문자어 태그 (0) | 2012.10.08 |
| HTML5에서 abbr 약어 태그 (0) | 2012.07.09 |
| HTML5에서 em, strong, dfn, code, samp, kbd, var 구문태그 (0) | 2012.07.08 |
| HTML에서 마우스 사용자의 편의를 위한 라벨(label) 태그 (0) | 2012.07.05 |
| HTML에서 머릿글 태그 h1 ~ h6 크기 비교 (0) | 2012.07.04 |
| HTML5에서 표(테이블, table) 그리기 (0) | 2012.07.03 |
| HTML에서 이미지 넣기 (1) | 2012.07.02 |
댓글