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 Sort 表格排序
Oct 31 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
Javascript技术栈中的四种依赖注入详解
Feb 23 Javascript
JS验证逗号隔开可以是中文字母数字
Apr 22 Javascript
React Native实现简单的登录功能(推荐)
Sep 19 Javascript
xmlplus组件设计系列之按钮(2)
Apr 26 Javascript
js+html5生成自动排列对话框实例
Oct 09 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
js中Object.defineProperty()方法的不详解
Jul 09 Javascript
vue引入静态js文件的方法
Jun 20 Javascript
vue.js封装switch开关组件的操作
Oct 26 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
牡丹941资料
2021/03/01 无线电
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
PHP高级OOP技术演示
2009/08/27 PHP
利用PHP抓取百度阅读的方法示例
2016/12/18 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
PHP时间相关常用函数用法示例
2020/06/03 PHP
JS 添加网页桌面快捷方式的代码详细整理
2012/12/27 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
javascript使用onclick事件改变选中行的颜色
2013/12/30 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
JavaScript判断变量是否为空的自定义函数分享
2015/01/31 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
js实现简洁大方的二级下拉菜单效果代码
2015/09/01 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
JS控制文本域只读或可写属性的方法
2016/06/24 Javascript
nodejs的HTML分析利器node-jquery用法浅析
2016/11/08 NodeJs
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
2018/12/29 jQuery
微信小程序Page中data数据操作和函数调用方法
2019/05/08 Javascript
python通过yield实现数组全排列的方法
2015/03/18 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
Flask框架请求钩子与request请求对象用法实例分析
2019/11/07 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
简单了解pytest测试框架setup和tearDown
2020/04/14 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
解析浏览器的一些“滚动”行为鉴赏
2019/09/16 HTML / CSS
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
公务员党员评议表自我鉴定
2014/09/14 职场文书
2014乡镇党委副书记对照检查材料思想汇报
2014/10/09 职场文书
教师个人事迹材料
2014/12/17 职场文书
行政主管岗位职责
2015/02/03 职场文书
4S店收银员岗位职责
2015/04/07 职场文书