<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<script type="text/javascript">
function textUpper(){
var str = fn.text1.value;
fn.text2.value = str.toUpperCase();
}
</script>
<body>
<form name = "fn">
<table bgcolor="yellow" border="1" width="50%" align="center">
<tr>
<td align="center">소문자입력 :</td>
<td><input type="text" name="text1"><input
type="button" name="text1Btn" value="변환하기" onclick="textUpper()"></td>
</tr>
<tr>
<td align="center">변환 대문자 출력 :</td>
<td><input type="text" name="text2" size="30"></td>
</tr>
<tr>
<td colspan="2" align="center">소문자로 데이터를 입력하세요 -> 대문자로 변경됩니다.</td>
</tr>
</table>
</form>
</body>
</html>
'JAVA > 자바스크립트' 카테고리의 다른 글
자바스크립트 윈도우창띄우기 (0) | 2014.10.03 |
---|---|
자바스크립트 Document 객체를이용한 (0) | 2014.10.03 |
자바스크립트 마우스오버,마우스아웃 이벤트예제 (0) | 2014.10.03 |
자바스크립트 이벤트객체예제(버튼을이용해 이미지전환) (0) | 2014.10.03 |
자바스크립트 이벤트 잡기 (0) | 2014.10.02 |