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 命名空间模式
Nov 01 Javascript
js取消单选按钮选中并判断对象是否为空
Nov 14 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 Javascript
JavaScript实现刷新不重记的倒计时
Aug 10 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
Vue.js中数据绑定的语法教程
Jun 02 Javascript
vue实现登录后页面跳转到之前页面
Jan 07 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 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
文章推荐系统(三)
2006/10/09 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
php实现的中秋博饼游戏之掷骰子并输出结果功能详解
2017/11/06 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
jQuery实现下拉框左右选择的简单实例
2014/02/22 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
2016/12/12 Javascript
jquery实现表单获取短信验证码代码
2017/03/13 Javascript
Mongoose实现虚拟字段查询的方法详解
2017/08/15 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
python中如何正确使用正则表达式的详细模式(Verbose mode expression)
2017/11/08 Python
python实现简易通讯录修改版
2018/03/13 Python
用python实现刷点击率的示例代码
2019/02/21 Python
Python基于pygame实现单机版五子棋对战
2019/12/26 Python
浅析Django中关于session的使用
2019/12/30 Python
Django自定义全局403、404、500错误页面的示例代码
2020/03/08 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
美国领先的家庭健康检测试剂盒提供商:LetsGetChecked
2019/03/18 全球购物
澳大利亚家庭花园和DIY工具网店:VidaXL
2019/05/03 全球购物
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
优秀党员转正的自我评价
2013/10/06 职场文书
本科应届生求职信
2014/08/05 职场文书
三严三实学习心得体会
2014/10/13 职场文书
幼儿园教师师德表现自我评价
2015/03/05 职场文书
2015年电教工作总结
2015/05/26 职场文书
详解JS数组方法
2021/11/20 Javascript
默认网关不可用修复后过一会又不好使了解决方法
2022/04/08 数码科技