css text area 고정내용입력 (placeholder 줄바꿈태그 
 )

내용입력 부분 미리 텍스트가 들어가있고

줄바꿈이 되도록 해보자!

html <textarea>
멀티라인 일반 텍스트 편집 컨트롤
사용자가 textarea 태그의 박스크기, 사이즈를 수정하지못하도록  resize속성값 지정
textarea는 속성은  한줄로 작성해야함
rows	textarea 의 속성 / 최초입력 가능 줄수 지정
placeholder	textarea 의 속성 입력필드에 사용자의 이해를 돕도록 짦은 도움말을 사전명시 사용자 입력시 사라짐 내용입력시 한줄로 작성하되 줄바꿈시 &#10; 사용
resize	/* textarea 리사이즈기능 빼기 */ textarea {resize: none}

 

 

1.html 작성

 

 

<textarea rows="10"
 placeholder="가맹점 신청과 관련된 문의사항을 작성해 주세요.&#10;문의하실 내용을 구체적으로 작성해 주시면 더욱 빠르고 정확한 답변을 드릴 수 있습니다."
 title="내용입력"></textarea>

 

 

rows 속성은 최초 입력가능 줄수로 1로 입력시 이렇게 좁게 나온다.

 

 

rows 속성 10줄지정시

 

 

2 . css로 꾸미기

 

글 내용이 바로 붙지 않도록 padding 값 지정

 

.inquiry_page .inquiry_area .th_top {
    vertical-align: top;
    padding-top: 24px;
}
.inquiry_page .inquiry_area textarea:focus {
    outline: none;
}
.inquiry_page .inquiry_area .file_wrap{
    width: 466px;
}
.inquiry_page .inquiry_area .note {
    display: inline-block;
    font-size: 13px;
    color: #999;
    margin-left: 25px;
}