快捷導(dǎo)航

JavaScript使表單中的內(nèi)容顯示在屏幕上的方法

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

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

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

一、使內(nèi)容水平出現(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>

二、使內(nèi)容以表格形式出現(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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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