깔끔한 TEXTAREA 만들기

TEXTAREA의 길이를 깔끔하게 하려면 COLS, ROWS로 제어하기 힘들죠.

 

<STYLE>

.TINYTEXTAREA { COLOR:#666666; BORDER:SOLID 1 #CCCCCC; BACKGROUND-COLOR:#FFFFFF; }

</STYLE>

 

<SCRIPT>
function fncTinyLength (frmEnt,frmFld,intMaxLength) {
 tf = eval("document."+frmEnt+"."+frmFld);
 if (tf.value.length > intMaxLength) { tf.value = tf.value.substring(0, intMaxLength); }
}
</SCRIPT>

 

<TABLE BORDER=0 WIDTH=500 CELLPADDING=0 CELLSPACING=0>
<FORM NAME="frmEnt">
<TR><TD WIDTH=100%><TEXTAREA

    NAME="strContents" ROWS=6 ONKEYUP="fncTinyLength('frmEnt','strContents', 100);"

    CLASS="TINYTEXTAREA"

    STYLE="width:100%;height:80;overflow:auto;"></TEXTAREA></TD></TR>
</FORM>
</TABLE>

 

 

자바스크립트는 글자수 제한하기입니다.