Welcome 微信登录

首页 / 脚本样式 / JavaScript / 表格美化之按鼠标按钮把文本框里的值输入到表格

表格美化之按鼠标按钮把文本框里的值输入到表格2013-02-14 Iteye heisetoufa效果:往文本框内输入文字,按按钮可以把文本框内的文字输入到上边的单元格内

代码:

Html代码

<!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>
效果图: