JavaScript使表单中的内容显示在屏幕上的方法


Posted in Javascript onJune 29, 2015

本文实例讲述了JavaScript使表单中的内容显示在屏幕上的方法。分享给大家供大家参考。具体实现方法如下:

一、使内容水平出现

<html>
 <head>  
  <title>测试</title>
  <script type="text/javascript">
   function to()
   {
   var txt=document.getElementById("txt").value;
   document.getElementById("a").innerHTML+=txt;
   }   
  </script>
 </head>
 <body>
  <div id="a">在这里显示:</div>
  <button onclick="to();">输入</button>
 </body>
</html>

二、使内容以表格形式出现

<html>
 <head>  
  <title>测试</title>
  <script type="text/javascript">
   function to()
   {
   var txt=document.getElementById("txt").value;
   var row=document.getElementById("ib").insertRow();
   row.align="center";
   var tt0=row.insertCell();
   tt0.innerHTML=txt;
   }   
  </script>
 </head>
 <body>
  <div id="a"></div>
  <table id="ib">
  <tr>
  <th>content</th>
  </tr>
  </table>
  <input type="text" id="txt" value="" size="30">
  <button onclick="to();">输入</button>
 </body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
jquery 实现上下滚动效果示例代码
Aug 09 Javascript
js 实现的可折叠留言板(附源码下载)
Jul 01 Javascript
jQuery 选择器详解
Jan 19 Javascript
javascript实现瀑布流加载图片原理
Feb 02 Javascript
Jquery on方法绑定事件后执行多次的解决方法
Jun 02 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
vue添加class样式实例讲解
Feb 12 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
JavaScript实现级联菜单的方法
Jun 29 #Javascript
node.js读取文件到字符串的方法
Jun 29 #Javascript
JavaScript模拟实现键盘打字效果
Jun 29 #Javascript
JavaScript实现把数字转换成中文
Jun 29 #Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 #Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 #Javascript
jQuery往textarea中光标所在位置插入文本的方法
Jun 26 #Javascript
You might like
PHP正则表达式过滤html标签属性(DEMO)
2016/05/04 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
共享自己写一个框架DreamScript
2007/01/20 Javascript
brook javascript框架介绍
2011/10/10 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
2014/05/14 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
简述JavaScript对传统文档对象模型的支持
2015/06/16 Javascript
浅谈javascript的Array.prototype.slice.call
2015/08/31 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
jq checkbox 的全选并ajax传参的实例
2017/04/01 Javascript
ionic使用angularjs表单验证(模板验证)
2018/12/12 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
使用python分析git log日志示例
2014/02/27 Python
python字符串连接的N种方式总结
2014/09/17 Python
python获取从命令行输入数字的方法
2015/04/29 Python
OpenCV实现人脸识别
2017/04/07 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
python数据结构学习之实现线性表的顺序
2018/09/28 Python
python判断完全平方数的方法
2018/11/13 Python
python消费kafka数据批量插入到es的方法
2018/12/27 Python
Python算法的时间复杂度和空间复杂度(实例解析)
2019/11/19 Python
使用Rasterio读取栅格数据的实例讲解
2019/11/26 Python
Python 求向量的余弦值操作
2021/03/04 Python
猫途鹰英国网站:TripAdvisor英国(旅游社区和旅游评论)
2016/08/30 全球购物
体育专业个人求职信范文
2013/12/27 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
开工典礼策划方案
2014/05/23 职场文书
留学生求职信
2014/06/03 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
退休欢送会主持词
2015/07/01 职场文书
趣味运动会通讯稿
2015/07/18 职场文书
2016年情人节问候语
2015/11/11 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android