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选择没有colspan属性的td的代码
Jul 06 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
js css 实现遮罩层覆盖其他页面元素附图
Sep 22 Javascript
js检测用户输入密码强度
Oct 22 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
详解Webwork中Action 调用的方法
Feb 02 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
JS使用tofixed与round处理数据四舍五入的区别
Oct 25 Javascript
vue视频播放暂停代码
Nov 08 Javascript
vue fetch中的.then()的正确使用方法
Apr 17 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生成静态页面详解
2006/12/05 PHP
PHP学习笔记 用户注册模块用户类以及验证码类
2011/09/20 PHP
数组与类使用PHP的可变变量名需要的注意的问题
2013/06/20 PHP
PHP实现的登录,注册及密码修改功能分析
2016/11/25 PHP
指定位置如果有图片显示图片,无图片显示广告的JS
2010/06/05 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
2010/07/13 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
使用GruntJS构建Web程序之安装篇
2014/06/04 Javascript
jQuery插件制作之参数用法实例分析
2015/06/01 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
[06:06]2018DOTA2亚洲邀请赛主赛事第四日战况回顾 全明星赛欢乐上演
2018/04/07 DOTA
浅析Python的web.py框架中url的设定方法
2016/07/11 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
Python中__slots__属性介绍与基本使用方法
2018/09/05 Python
python2和python3在处理字符串上的区别详解
2019/05/29 Python
python实现猜数字游戏
2020/03/25 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
Python类的动态绑定实现原理
2020/03/21 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
纯css3实现的竖形无限级导航
2014/12/10 HTML / CSS
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
Delphi软件工程师试题
2013/01/29 面试题
自动化专业毕业生自荐信
2013/11/01 职场文书
模范家庭事迹材料
2014/02/10 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
销售员试用期自我评价
2014/09/15 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
步步惊心观后感
2015/06/12 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏