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左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 Javascript
jQuery操作select下拉框的text值和value值的方法
May 31 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Aug 27 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
javascript设置和获取cookie的方法实例详解
Jan 05 Javascript
vue-router 学习快速入门
Mar 01 Javascript
微信小程序 页面跳转及数据传递详解
Mar 14 Javascript
动态加载、移除js/css文件的示例代码
Mar 20 Javascript
angular6的响应式表单的实现
Oct 10 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
Jul 07 Javascript
如何换个角度使用VUE过滤器详解
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
第十三节 对象串行化 [13]
2006/10/09 PHP
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
JQuery 写的个性导航菜单
2009/12/24 Javascript
jquery $.ajax各个事件执行顺序
2010/10/15 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
了解在JavaScript中将值转换为字符串的5种方法
2019/06/06 Javascript
js 计算月/周的第一天和最后一天代码
2020/02/01 Javascript
vue 监听 Treeselect 选择项的改变操作
2020/08/31 Javascript
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
Python实现的手机号归属地相关信息查询功能示例
2017/06/08 Python
python3 flask实现文件上传功能
2020/03/20 Python
Python循环结构的应用场景详解
2019/07/11 Python
Python for循环通过序列索引迭代过程解析
2020/02/07 Python
Django 解决新建表删除后无法重新创建等问题
2020/05/21 Python
Python定义一个Actor任务
2020/07/29 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
python图片合成的示例
2020/11/09 Python
CSS3中animation实现流光按钮效果
2020/12/21 HTML / CSS
OPPO手机官方商城:中国手机市场出货量第一品牌
2017/10/18 全球购物
英国医生在线预约:Top Doctors
2019/10/30 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
校园歌手大赛策划书
2014/01/17 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
计算机应届毕业生自荐信范文
2014/02/23 职场文书
优质护理服务心得体会
2016/01/22 职场文书
适合青年人白手起家的创业项目分享
2019/08/16 职场文书
python b站视频下载的五种版本
2021/05/27 Python
Python FuzzyWuzzy实现模糊匹配
2022/04/28 Python