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 相关文章推荐
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
jQuery选择器简明总结(含用法实例,一目了然)
Apr 25 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
Jun 07 Javascript
DIV+CSS+jQ实现省市联动可扩展
Jun 22 Javascript
jQuery实现级联下拉框实战(5)
Feb 08 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 Javascript
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
织梦模板标记简介
2007/03/11 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
php操作mongoDB实例分析
2014/12/29 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
分享php邮件管理器源码
2016/01/06 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
JQuery 获得绝对,相对位置的坐标方法
2010/02/09 Javascript
JS无法捕获滚动条上的mouse up事件的原因猜想
2012/03/21 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
详解JavaScript对象的深浅复制
2017/03/30 Javascript
AngularJS实现根据不同条件显示不同控件
2017/04/20 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
Python实现拼接多张图片的方法
2014/12/01 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
编写Python的web框架中的Model的教程
2015/04/29 Python
全面理解Python中self的用法
2016/06/04 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
pycharm编写spark程序,导入pyspark包的3中实现方法
2019/08/02 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
医药代表个人的求职信分享
2013/12/08 职场文书
运动会广播稿500字
2014/01/28 职场文书
关于环保的建议书400字
2014/03/12 职场文书
师范大学生求职信
2014/06/13 职场文书
四风问题民主生活会对照检查材料思想汇报
2014/09/27 职场文书
贷款担保书
2015/01/20 职场文书
北京颐和园导游词
2015/01/30 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis