提交输入框内容到文本域 公告窗
来源:互联网 发布:mysql教学视频 百度云 编辑:程序博客网 时间:2024/06/06 10:46
<!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 onclick="show()"> 发布 </button>
</center>
</body>
</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 onclick="show()"> 发布 </button>
</center>
</body>
</html>
阅读全文
0 0
- 提交输入框内容到文本域 公告窗
- AngularJS输入内容到公告窗,敏感字以*代替
- 输入内容到指定文本中,并打开文件
- 正则表达式限制文本域输入内容
- javascript 选中文本输入框的部分文本内容
- js提交文本内容,无法提交到服务器问题解决和js替换字符串问题
- 文本输入框实时统计字数,并防止重复提交
- 【原创】表单提交之文本输入框(一)
- 【原创】表单提交之文本输入框(二)
- 【原创】表单提交之文本输入框(三)
- EditText 文本内容输入限制
- 请输入标题 请输入文本内容
- JavaScript 点击单选按钮改变输入框(文本域)的内容
- 文本输入框内容字母自动大小写控制
- 将文本输入框内容加入表中的javascript
- 仿淘宝搜索框 -- 输入内容隐藏默认文本
- UITextField、UITextView--文本输入框,以及文本输入域
- 输入框显示输入提示,点击消失。没输入直接提交,提交的输入框内容为空,不提交显示的提示文字
- 多线程进阶与源码分析--线程池相关(一)
- 11- eclipse的用法 及Object对象的概述
- hibernate配置文档常用配置、hbm配置文件(对象-关系映射)的基本配置
- C# TableLayoutPanel控件的使用
- 10/14和家征学长交流PID
- 提交输入框内容到文本域 公告窗
- Hadoop的磁盘写入策略引发的问题
- libpointmatcher配置
- 百度2017春招笔试真题编程题集合
- AngularJS 内置服务 ~ $timeout设置定时器(只调用一次)
- Find Peak Element:寻找数列中的局部峰值
- Fiddler抓包3-工具介绍(request和response)
- SQL笔记-on和where的区别
- MySQL学习之1安装