Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

textarea

토픽 Ruby Coin > Development > Front-End > HTML 사전

정의

textarea요소는 여러줄의 텍스트를 편집할 수 있는 컨트롤을 생성합니다.

 

속성

  • autofocus : 페이지를 로드할때 해당 요소가 자동으로 포커스를 받도록 지정합니다.
  • cols="폭"(필수 속성) : textarea에 표시될 폭을 문자수로 지정합니다.
  • disabled : 포커스, 선택, 변경 등의 조작이 불가능하게 하고 데이터도 서버에 전송하지 않는다. 불리언 속성입니다.
  • dirname : 요소의 방향성을 결정합니다.
  • form : 다른 폼 소유자와 명시적으로 연관시키기위해 사용됩니다.
  • maxlengh="최대 입력 문자수" : type속성이 text이거나 password일 경우 최대 입력 문자수를 지정한다.
  • name="이름" : textarea의 이름을 지정합니다
  • placeholder : 사용자가 데이터를 입력하는데 도움을 줄 "짧은"힌트를 지정합니다.
  • readonly : 컨트롤의 조작을 불가능하게 하지만 데이터는 서버에 전송한다. 불리언 속성입니다.
  • required : 필수요소인지를 지정합니다. 불리언 속성입니다.
  • rows="행수"(필수 속성) : textarea에 표시될 줄 수를 지정합니다.
  • wrap : 기본값은 soft입니다.
    • soft : textarea요소 안에있는 텍스트가 제출될때 줄바꿈되지 않음을 나타냅니다.
    • hard : textarea요소 안에있는 텍스트가 제출될때 줄바꿈되도록 사용자 에이전트가 줄바꿈 문자들을 삽입하도록 지정합니다.

설명

  • 초기값의 텍스트는 코드상의 공백무자나 줄바꿈이 그대로 반영됩니다.

 

예제

 

 

댓글

댓글 본문
  1. 푸른하늘
    6
  2. s123
  3. 오타
    maxlength 에요! 오타낫네요
  4. 오타제보
    설명 부분에
    '공백무자나' >> '공백문자나' 가 아닐까 싶습니다.
  5. 초보자
    textarea에 가운데 정렬이 되게 스타일을 설정한 후
    글자를 여러 줄 입력하면 맨 마지막 줄만 빼고는 줄의 마지막에 엔터값이 들어가서 다 틀어져 보입니다.
    가방
    학교
    공부
    가발과 학교 끝에는 공백문자가 있어서 왼쪽으로 밀려 보이는데
    어떻게 하면 공백문자가 무시되고 세 줄 모두 가운데로 보이게 할까요?
  6. LUNA
    좋아용!!!!!!!감사해용!!!!
  7. 댓글 삭제가안됔ㅋㅋㅋㅋㅋㅋㅋㅋ
  8. 지나가다
    maxlengh --> maxlength