码迷,mamicode.com
首页 > 编程语言 > 详细

使用JavaScript使表单中的内容显现在屏幕上

时间:2015-06-20 16:54:43      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:

一、使内容水平出现

 
<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使表单中的内容显现在屏幕上

标签:

原文地址:http://www.cnblogs.com/linzb1993/p/4590704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!