JavaScript实现jsp页面显示文本框内容到页面

最新推荐文章于 2021-08-05 11:57:50 发布

原创最新推荐文章于 2021-08-05 11:57:50 发布 · 3.4k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

这篇博客介绍了如何在JSP页面中利用JavaScript实现点击按钮将文本框的输入内容显示到另一个文本框。通过编写简单的JavaScript函数`copText()`，实现了从id为`t1`的输入框获取值，并将其赋值给id为`t2`的输入框，展示了基本的前端交互功能。如果遇到汉字乱码问题，可以设置页面编码为`utf-8`来解决。

JavaScript实现jsp页面显示文本框内容到页面

实验目的：单击按钮获取文本框输入内容，再显示框显示。
1.通过myeclipse新建jsp项目
2.敲上以下代码：

<html>
<head>
<script language="javascript">
function copText(){
document.getElementById("t2").value=document.getElementById("t1").value;
}
</script>
</head>
<body>
<input type="text" id="t1" />
<input type="text" id="t2" />
<button onclick="copText()">显示</button>
 </body>
</html>