html/jsp问题
一个页面，有一个输入框，一按钮，点按钮将输入框的内容变成大写显示在一个新的页面（输入内容为英文）...
一个页面，有一个输入框，一按钮，点按钮将输入框的内容变成大写显示在一个新的页面（输入内容为英文）
展开
展开全部
不用JSP，直接通过JS的toLowerCase()和toUpperCase()两个方法就可实现
把我以前的一个工具代码改了下(你直接新建一html文件再把它粘进去即可)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 英文大小写切换 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<style type="text/css">
a { color:blue; font-size:12px }
textarea { width:100%; height:230px; display:block; margin:10px 0; font-size:12px }
input { font-size:12px; float:left; margin:0 5px; }
.copy { float:right; }
</style>
<script type="text/javascript">
<!--
function formatCSS(n){
var c = document.getElementById("abc");
var d = document.getElementById("def");
var v = c.value;
if (n == 1){
d.value = v.toUpperCase();
}
if (n == 2){
d.value = v.toLowerCase();
}
if (n == 3){
window.clipboardData.setData("Text",d.value);
}
}
//-->
</script>
</head>
<body onload="document.getElementById('abc').focus()">
<center>
<h3>英文大小切换</h3>
<textarea id="abc" cols=150 rows=15 wrap="off" title="在这里输入"></textarea>
<input type="button" value=" 全部大写 " onclick="formatCSS(1)" />
<input type="button" value=" 全部小写 " onclick="formatCSS(2)" />
<input type="button" class="copy" value=" 复制下面代码 " onclick="formatCSS(3)" />
<textarea id="def" cols=150 rows=15 wrap="off" title="这里将输出结果"></textarea>
</center>
</body>
</html>
把我以前的一个工具代码改了下(你直接新建一html文件再把它粘进去即可)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 英文大小写切换 </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<style type="text/css">
a { color:blue; font-size:12px }
textarea { width:100%; height:230px; display:block; margin:10px 0; font-size:12px }
input { font-size:12px; float:left; margin:0 5px; }
.copy { float:right; }
</style>
<script type="text/javascript">
<!--
function formatCSS(n){
var c = document.getElementById("abc");
var d = document.getElementById("def");
var v = c.value;
if (n == 1){
d.value = v.toUpperCase();
}
if (n == 2){
d.value = v.toLowerCase();
}
if (n == 3){
window.clipboardData.setData("Text",d.value);
}
}
//-->
</script>
</head>
<body onload="document.getElementById('abc').focus()">
<center>
<h3>英文大小切换</h3>
<textarea id="abc" cols=150 rows=15 wrap="off" title="在这里输入"></textarea>
<input type="button" value=" 全部大写 " onclick="formatCSS(1)" />
<input type="button" value=" 全部小写 " onclick="formatCSS(2)" />
<input type="button" class="copy" value=" 复制下面代码 " onclick="formatCSS(3)" />
<textarea id="def" cols=150 rows=15 wrap="off" title="这里将输出结果"></textarea>
</center>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
