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 显示base64编码的二进制流网页图片
Apr 04 Javascript
javascript格式化指定日期对象的方法
Apr 21 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
JS实现改变HTML上文字颜色和内容的方法
Dec 30 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
Jan 31 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 Javascript
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 14 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 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中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
file_get_contents获取不到网页内容的解决方法
2013/03/07 PHP
hadoop常见错误以及处理方法详解
2013/06/19 PHP
php pki加密技术(openssl)详解
2013/07/01 PHP
javascript 防止刷新,后退,关闭
2010/08/07 Javascript
高亮显示web页表格行的javascript代码
2010/11/19 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
Windows8下搭建Node.js开发环境教程
2014/09/03 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
javascript+html5实现绘制圆环的方法
2015/07/28 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
js实现兼容IE、Firefox的图片缩放代码
2015/12/08 Javascript
node.js 中间件express-session使用详解
2017/05/20 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
2018/02/22 Javascript
Vue高版本中一些新特性的使用详解
2018/09/25 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
jquery使用echarts实现有向图可视化功能示例
2019/11/25 jQuery
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
[51:34]Ti4主赛事胜者组 DK vs EG 2
2014/07/19 DOTA
python获取文件扩展名的方法
2015/07/06 Python
用sqlalchemy构建Django连接池的实例
2019/08/29 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
Pytorch 使用opnecv读入图像由HWC转为BCHW格式方式
2020/06/02 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
Hammitt官网:设计师手袋
2020/05/23 全球购物
一套C++笔试题面试题
2012/06/06 面试题
教师远程培训感言
2014/03/06 职场文书
市政管理求职信范文
2014/05/07 职场文书
初中新生军训方案
2014/05/13 职场文书
学雷锋倡议书
2015/01/19 职场文书
给病人的慰问信
2015/03/23 职场文书
Android超详细讲解组件ScrollView的使用
2022/03/31 Java/Android