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中使用setInterval和setTimeout的方法
Apr 08 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
JQuery之proxy实现绑定代理方法
Aug 01 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
D3.js实现简洁实用的动态仪表盘的示例
Apr 04 Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
JS实现单张或多张图片持续无缝滚动的示例代码
May 10 Javascript
8个JS的reduce使用实例和reduce操作方式
Oct 05 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实现时间轴函数代码
2011/10/08 PHP
php 定义404页面的实现代码
2012/11/19 PHP
PHP转换IP地址到真实地址的方法详解
2013/06/09 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
php实现xml转换数组的方法示例
2017/02/03 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
yii框架使用分页的方法分析
2019/07/25 PHP
javascript 全等号运算符使用说明
2010/05/31 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
2013/01/23 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
AngularJS双向绑定和依赖反转实例详解
2017/04/15 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
2017/04/29 jQuery
react-router JS 控制路由跳转实例
2017/06/15 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
基于vue+canvas的excel-like组件实例详解
2017/11/28 Javascript
react 创建单例组件的方法
2018/04/26 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
Python中List.count()方法的使用教程
2015/05/20 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
Python 查看list中是否含有某元素的方法
2018/06/27 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
Python中调用其他程序的方式详解
2019/08/06 Python
python实现连连看游戏
2020/02/14 Python
基于Html5实现的语音搜索功能
2019/05/13 HTML / CSS
西班牙三叶草药房:Farmacias Trébol
2019/05/03 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
入党申请书自我鉴定
2013/10/12 职场文书
普通大学毕业生自荐信范文
2014/02/23 职场文书
求职教师自荐书
2014/06/19 职场文书
党支部群众路线整改措施思想汇报
2014/10/10 职场文书
2014年行政工作总结
2014/11/19 职场文书