提交输入框内容到文本域公告窗

最新推荐文章于 2021-09-08 10:45:28 发布

Dewey666

最新推荐文章于 2021-09-08 10:45:28 发布

阅读量532

点赞数

分类专栏：效果初现文章标签：提交输入框内容到文本域公告窗

本文链接：https://blog.csdn.net/IT666DHW/article/details/78233853

版权

效果初现专栏收录该内容

108 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>提交输入框内容到文本域公告窗</title>
<style>
div#content{
border:1px solid blue;
text-align:left;
overflow:auto;
height:200px;
width:400px;
}
</style>
<script>
var show = function(){
//重新显示的文本为追加（+=）内容
content.innerHTML += inputContent.value + "<br />";
content.scrollTop = content.scrollHeight;
inputContent.value = "";
}
</script>
</head>

<body>
<center>
公告墙 <br><br>
<div id='content'>
今天我觉得天气不错<br>你觉得天气怎么样呢<br>
</div> <br />
<input type="text" id="inputContent" placeholder="请输入内容" /> <br />
<button οnclick="show()"> 发布 </button>
</center>
</body>
</html>