鼠标点按钮，把文本框里的值输入到表格，表格美化（系列三）

程序员文章站 2022-06-20 11:14:23

...

效果图：往文本框内输入文字，按按钮可以把文本框内的文字输入到上边的单元格内

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY >

<table border=1 width=100% id=tbl><tr><td>1</td><td>2</td></tr></table>

<input type="text" name="t1">

<input type="button" value="改变第一单元格" onclick="tbl.rows[0].cells[0].innerText=document.all.t1.value">
<input type="button" value="改变第二单元格" onclick="tbl.rows[0].cells[1].innerText=document.all.t1.value">

</BODY>
</HTML>

黑色头发 http://heisetoufa.iteye.com