JavaScript使表單中的內容顯示在屏幕上的方法

更新時間：2015年06月29日 16:35:43 作者：林蛤蛤

這篇文章主要介紹了JavaScript使表單中的內容顯示在屏幕上的方法,涉及javascript針對表單元素操作的相關技巧,需要的朋友可以參考下

本文實例講述了JavaScript使表單中的內容顯示在屏幕上的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

一、使內容水平出現(xiàn)

<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>

二、使內容以表格形式出現(xiàn)

<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程序設計有所幫助。

您可能感興趣的文章:

簡單實現(xiàn)js輪播圖效果
這篇文章主要教大家如何簡單實現(xiàn)js輪播圖效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
JavaScript極簡入門教程（二）：對象和函數(shù)
這篇文章主要介紹了JavaScript極簡入門教程（二）：對象和函數(shù),本文講解了對象基礎知識、函數(shù)基礎知識、函數(shù)調用、異常、繼承等內容,需要的朋友可以參考下
2014-10-10
webpack4 optimization使用總結
這篇文章主要介紹了webpack4 optimization使用總結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2019-11-11
JS如何判斷移動端訪問設備并解析對應CSS
本文為大家詳細介紹下JS如何判斷移動端訪問設備并解析對應CSS，感興趣的朋友可以參考下
2013-11-11
webpack打包的3種hash值詳解
這篇文章主要為大家介紹了webpack打包的3種hash值詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
封裝一個vue中也可使用的uniapp的全局彈窗組件(任何頁面都可以彈出)
在寫uniapp小程序的時候,彈窗提醒經常會用到,雖然彈窗的組件很多,但是通常別人封裝好的彈窗組件自定義度不高,很難匹配自己的ui需求,這篇文章主要給大家介紹了封裝一個vue中也可使用的uniapp的全局彈窗組件的相關資料,這個組件在任何頁面都可以彈出,需要的朋友可以參考下
2023-02-02
利用JS定時器實現(xiàn)元素移動
這篇文章主要為大家詳細介紹了利用JS定時器實現(xiàn)元素移動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-05-05
JS中的XMLHttpRequest?對象示例詳解
xmlhttp是一種瀏覽器對象,?可用于模擬http的GET和POST請求,xmlhttp配合JavaScript可以實現(xiàn)頁面數(shù)據(jù)在無刷新下的定時數(shù)據(jù)更新,如果應用在聊天室、文字直播上,可以取得較好的視覺效果,這篇文章主要介紹了JS——XMLHttpRequest?對象,需要的朋友可以參考下
2024-01-01
JS控制日期顯示的小例子
這篇文章主要介紹了JS控制日期顯示的小例子，有需要的朋友可以參考一下
2013-11-11
IE與Firefox在JavaScript上的7個不同寫法小結
盡管那需要用長串的、沉悶的不同分支代碼來應付不同瀏覽器的日子已經過去，偶爾還是有必要做一些簡單的區(qū)分和目標檢測來確保某塊代碼能在用戶的機器上正常運行。
2009-09-09