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 相关文章推荐
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
jQuery判断指定id的对象是否存在的方法
May 22 Javascript
javascript中for/in循环及使用技巧
Sep 01 Javascript
js编写一个简单的产品放大效果代码
Jun 27 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
bootstrap table表格使用方法详解
Apr 26 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
vue中的watch监听数据变化及watch中各属性的详解
Sep 11 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
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
Ext对基本类型的扩展 ext,extjs,format
2010/12/25 Javascript
JavaScript ECMA-262-3 深入解析.第三章.this
2011/09/28 Javascript
angularjs的一些优化小技巧
2014/12/06 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
NodeJS中的MongoDB快速入门详细教程
2016/11/11 NodeJs
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
详解vue跨组件通信的几种方法
2017/06/15 Javascript
node.js 核心http模块,起一个服务器,返回一个页面的实例
2017/09/11 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python实现删除列表中满足一定条件的元素示例
2017/06/12 Python
Python单例模式的两种实现方法
2017/08/14 Python
对python周期性定时器的示例详解
2019/02/19 Python
详解使用python绘制混淆矩阵(confusion_matrix)
2019/07/14 Python
django框架forms组件用法实例详解
2019/12/10 Python
Python使用正则实现计算字符串算式
2019/12/29 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
jupyter notebook 的工作空间设置操作
2020/04/20 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
美国女性运动零售品牌:Lady Foot Locker
2017/05/12 全球购物
英国家用电器折扣网站:Electrical Discount UK
2018/09/17 全球购物
服务员岗位责任制
2014/02/11 职场文书
工地安全生产标语
2014/06/06 职场文书
警察群众路线整改措施
2014/09/26 职场文书
高校群众路线教育实践活动剖析材料
2014/10/10 职场文书
中英文求职信范文
2015/03/19 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
PHP设计模式(观察者模式)
2021/07/07 PHP