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试卷自动排版系统
Jul 18 Javascript
jQeury淡入淡出需要注意的问题
Sep 08 Javascript
JavaScript中的Array对象使用说明
Jan 17 Javascript
快速排序 php与javascript的不同之处
Feb 22 Javascript
js中apply方法的使用详细解析
Nov 04 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 Javascript
javascript中2个感叹号的用法实例详解
Sep 04 Javascript
javascript修改图片src的方法
Jan 27 Javascript
解决jQuery ajax请求在IE6中莫名中断的问题
Jun 20 Javascript
JavaScript检测原始值、引用值、属性
Jun 20 Javascript
JS图片定时翻滚效果实现方法
Jun 21 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中判断一个字符串包含另一个字符串的方法
2007/03/19 PHP
PHP下用rmdir实现删除目录的三种方法小结
2008/04/20 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
phplot生成图片类用法详解
2015/01/06 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
javascript IFrame 强制刷新代码
2009/07/23 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JS日期格式化之javascript Date format
2015/10/01 Javascript
3分钟掌握常用的JS操作JSON方法总结
2017/04/25 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
webpack 3.X学习之多页面打包的方法
2018/09/04 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
[06:44]2014DOTA2国际邀请赛-钥匙体育馆开战 开幕式振奋人心
2014/07/19 DOTA
Python生成密码库功能示例
2017/05/23 Python
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
python3 flask实现文件上传功能
2020/03/20 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
弄懂这56个Python使用技巧(轻松掌握Python高效开发)
2019/09/18 Python
使用OpenCV-python3实现滑动条更新图像的Canny边缘检测功能
2019/12/12 Python
执行Python程序时模块报错问题
2020/03/26 Python
Python 列表中的修改、添加和删除元素的实现
2020/06/11 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
员工考核管理制度
2014/02/02 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
创文明城市标语
2014/06/16 职场文书
2014年创卫工作总结
2014/11/24 职场文书
教师“一帮一”结对子活动总结
2015/05/07 职场文书
2015年关爱留守儿童工作总结
2015/05/22 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
linux下导入、导出mysql数据库命令的实现方法
2021/05/26 MySQL
vue代码分块和懒加载非必要资源文件
2022/04/11 Vue.js
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis