입력창 ( textarea)에 입력하고 확인 단추를 눌러 보세요.
<head>
..
<script Language="Javascript">
<!-- 감춤
function check(str) {
if (str=='') {
alert('빈칸 입력입니다 !');
}
else {
alert('입력 데이터는 ('+ document.fname.txArea.value +') 입니다.');
}
}
function hilite(n){
document.forms[0].elements[0].focus();
document.forms[n].elements[0].select();
}
// 감춤 끝 -->
</script>
</head>
<body>
..
<img src=../gif/rfbtexm1.gif><br><br>
..
입력창 (<b>textarea</b>)에 입력하고 확인 단추를 눌러 보세요.
<form name="fname" method="post">
<table><tr><td>
<textarea name="txArea" rows=4 cols=25
onchange="check(this.value)">initial value</textarea>
</td></tr>
<tr><td align=center>
<input type="button" value="확인" onclick="check(document.fname.txArea.value)">
<input type="reset" value="다시">
<input type="button" value="전부 채택" onclick="hilite(0)">
</td></tr></table>
</form>
..
</body>
 중요 사항
- textarea는 여러 열의 문장을 입력, 수정 할 때 사용한다. 실제는 button이 작동하는 것이 아니고, textarea에서 onchange event가 작동한 것이다. 이는 마우스를 다른 곳을 눌러도 작동 된다는 뜻이다.
- 취소 단추 (reset button)는 모든 변수 값을 초기값으로 환원한다.
- if(str=="") 조건에서 "== "는 같으면이다. a="aaa"는 변수 a 에 값 "aaa"를 할당한다는 것이며 조건문에 들어가지 않고, 명령문에 들러간다.
- check(str) 기능을 사용 할 때, this.value로 현 field의 현재 값을 전달하며, 기능에서 str이라는 변수 이름으로 받아진다.
- document.fname.txArea.value로 해당 field의 값을 참조하거나 값을 넣어 준다. 이 때 fname는 form name이며, txArea는 input name 이다.
- function hilite(n) 기능으로 forms 배열변수의 n+1 번째의 내용에 초점을 주고(document.forms[n].elements[0].focus()), 전부 채택(document.forms[n].elements[0].select())하게 한다. 이는 해당 부분의 내용을 복사하여 다른 곳에 붙여넣기하는데 유용하다. 여기서 x는 forms 배열변수의 인텍스(순서: 0 이 첫번째 폼)이다.
|
제공