버튼으로 텍스트영역의 크기를 제어합니다
자바스크립트로 textarea 의 rows, cols 속성을 제어하는 스크립트 입니다.
사용자 입력영역을 많이 사용하는 페이지에서 사용자 편의를 향상 시킬수 있습니다
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Sample Script </title>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
</head>
<body>
<form name="form1" method=post action="http://www.jasko.co.kr/result.html" onsubmit="">
<input type="button" name="button1" onclick="javascript:this.form.area.rows +=1" value=" R++ ">
<input type="button" name="button1" onclick="javascript:this.form.area.rows -=1" value=" R-- ">
<input type="button" name="button1" onclick="javascript:this.form.area.cols +=1" value=" C++ ">
<input type="button" name="button1" onclick="javascript:this.form.area.cols -=1" value=" C-- ">
<p>
<textarea name="area" rows="10" cols="50"></textarea>
</form>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
사용자 입력영역을 많이 사용하는 페이지에서 사용자 편의를 향상 시킬수 있습니다
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Sample Script </title>
<meta http-equiv=content-type content=text/html; charset=euc-kr>
</head>
<body>
<form name="form1" method=post action="http://www.jasko.co.kr/result.html" onsubmit="">
<input type="button" name="button1" onclick="javascript:this.form.area.rows +=1" value=" R++ ">
<input type="button" name="button1" onclick="javascript:this.form.area.rows -=1" value=" R-- ">
<input type="button" name="button1" onclick="javascript:this.form.area.cols +=1" value=" C++ ">
<input type="button" name="button1" onclick="javascript:this.form.area.cols -=1" value=" C-- ">
<p>
<textarea name="area" rows="10" cols="50"></textarea>
</form>
</body>
</html><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|
댓글을 작성하시려면 로그인이 필요합니다.