본문 바로가기
html

[CSS3]textarea css로 간단하게 크기 고정하기 (+javascript로 글자수 제한하기)

by 알찬 퍼블리셔 2019. 4. 10.
728x90
반응형

css를 이용해 크기 고정시키기

textarea{
	width:500px; 
	height:100px; 
    resize:none;/* 크기고정 */ 
/*   resize: horizontal; // 가로크기만 조절가능 
	resize: vertical;  세로크기만 조절가능  */
}

자바스크립트 length를 이용해 입력한 문자열의 길이를 구한다.

100자가 넘어가면 

substring함수를 이용하여 문자열을 자른다 

 

$(this).val().substring(0, 100)) 을 이용해 100자이상이되면 뒤에를 자른다. 

 

 

substring문자열자르기 함수 

substring(0,100) = > 인덱스0부터 100자자름.

 

 

 

 

 

 

728x90
반응형

댓글