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 相关文章推荐
Mac地址验证的javascript代码
Nov 09 Javascript
javascript属性访问表达式用法分析
Apr 25 Javascript
javascript中DOM复选框选择用法实例
May 14 Javascript
javascript检测两个数组是否相似
May 19 Javascript
js获取表格的行数和列数的方法
Oct 23 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
Position属性之relative用法
Dec 14 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
用JS实现简单的登录验证功能
Jul 28 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 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实现MVC开发得最简单的方法――模型
2007/04/10 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
escape、encodeURI、encodeURIComponent等方法的区别比较
2006/12/27 Javascript
在JavaScript中使用inline函数的问题
2007/03/08 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
深入理解angular2启动项目步骤
2017/07/15 Javascript
vue在使用ECharts时的异步更新和数据加载详解
2017/11/22 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
详解使用React制作一个模态框
2019/03/14 Javascript
详解基于React.js和Node.js的SSR实现方案
2019/03/21 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
python使用循环实现批量创建文件夹示例
2014/03/25 Python
极简的Python入门指引
2015/04/01 Python
Python实现小数转化为百分数的格式化输出方法示例
2017/09/20 Python
Python 查找list中的某个元素的所有的下标方法
2018/06/27 Python
python实战教程之自动扫雷
2018/07/13 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
在python中实现强制关闭线程的示例
2019/01/22 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
快速查找Python安装路径方法
2020/02/06 Python
Python通过文本和图片生成词云图
2020/05/21 Python
如何用tempfile库创建python进程中的临时文件
2021/01/28 Python
中文专业毕业生自荐信
2013/10/28 职场文书
美德好少年主要事迹
2014/01/29 职场文书
社区国庆节活动方案
2014/02/05 职场文书
有趣的广告词
2014/03/18 职场文书
《三亚落日》教学反思
2014/04/26 职场文书
民族团结演讲稿范文
2014/08/27 职场文书
学生党员检讨书范文
2014/12/27 职场文书
财务人员入职担保书
2015/09/22 职场文书
合同范本之电脑出租
2019/08/13 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python