當前位置:編程學習大全網 - 源碼下載 - JS:表單輸出自動顯示在表格裏

JS:表單輸出自動顯示在表格裏

這個很簡單,先說壹下實現的原理:利用?JavaScript實現表單的實時互動。?再簡單介紹實現的過程:先給<body>標簽的屬性onload屬性設置壹個值,連接到相應的JavaScript函數,JavaScript函數將文本框中的內容通過innerHTML實時傳遞到對應ID的表格中的<td></td>標簽對中,便實現了妳所要的效果。?

下面就給妳寫下具體的代碼:?(復制粘貼到壹個TXT文檔中,將後綴名改為htm就可以)?

<script?language="javascript">?

function?chk()?

{?

setTimeout("chk()",100);?

text1.innerHTML?=?form1.t1.value;?

text2.innerHTML?=?form1.t2.value;?

text3.innerHTML?=?form1.t3.value;?

}?

</script>?

<body?onload="chk()">?

<form?name="form1">?

<textarea?name="t1"></textarea><br?/>?

<textarea?name="t2"></textarea><br?/>?

<textarea?name="t3"></textarea><br?/>?

</form>?

<table?border="1"?width="200"?style="border-collapse:?collapse"?bordercolor="#008000">?

<tr?height="100px">?

<td?id="text1"></td>?

</tr>?

<tr?height="100px">?

<td?id="text2"></td>?

</tr>?

<tr?height="100px">?

<td?id="text3"></td>?

</tr>?

</table>?

</body>

  • 上一篇:中國隊無緣2026世界杯了嗎
  • 下一篇:編寫壹個Java GUI
  • copyright 2024編程學習大全網