当前位置:首页 > 长沙网站建设 > 直接输入的Excel表格

直接输入的Excel表格

优度网络 1722

<html>
<head>
<title>直接输入的Excel表格</title>
<script language="javascript" type="text/javascript">
function hilite(obj) {
 //选择包含<input>的<td>标记
 obj = document.getElementById("td"+obj.name.toString());
 obj.style.border = '2px solid #007EFF'; //加粗、变色
}
function delite(obj) {
 obj = document.getElementById("td"+obj.name.toString());
 obj.style.border = '1px solid #ABABAB'; //恢复回原来的边框
}
</script>
<style>
<!--
table.formdata{
 border:1px solid #5F6F7E;
 border-collapse:collapse;
 font-family:Arial;
}
table.formdata caption{
 text-align:left;
 padding-bottom:6px;
}
table.formdata th{
 border:1px solid #5F6F7E;
 background-color:#E2E2E2;
 color:#000000px;
 text-align:left;
 font-weight:normal;
 padding:2px 8px 2px 6px;
 margin:0px;
}
table.formdata td{
 margin:0px;
 padding:0px;
 border:1px solid #ABABAB; /* 单元格边框 */
}
table.formdata input{
 width:100px;
 padding:1px 3px 1px 3px;
 margin:0px;
 border:none;    /* 输入框不要边框 */
 font-family:Arial;
}
.btn{
 border:1px solid #0083f2;
 font-family:Arial;
}
-->
</style>
   </head>
<body>
<form method="post">
<table class="formdata">
<caption>公司销售统计表 2004~2007</caption>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">硬盘(Hard Disk)</th>
 <td id="tdharddisk2004"><input type="text" name="harddisk2004" id="harddisk2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdharddisk2005"><input type="text" name="harddisk2005" id="harddisk2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdharddisk2006"><input type="text" name="harddisk2006" id="harddisk2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdharddisk2007"><input type="text" name="harddisk2007" id="harddisk2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
 <th scope="row">主板(Mainboard)</th>
 <td id="tdmainboard2004"><input type="text" name="mainboard2004" id="mainboard2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmainboard2005"><input type="text" name="mainboard2005" id="mainboard2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmainboard2006"><input type="text" name="mainboard2006" id="mainboard2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmainboard2007"><input type="text" name="mainboard2007" id="mainboard2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
 <th scope="row">内存条(Memory Disk)</th>
 <td id="tdmemory2004"><input type="text" name="memory2004" id="memory2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmemory2005"><input type="text" name="memory2005" id="memory2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmemory2006"><input type="text" name="memory2006" id="memory2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdmemory2007"><input type="text" name="memory2007" id="memory2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
 <th scope="row">机箱(Case)</th>
 <td id="tdcase2004"><input type="text" name="case2004" id="case2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcase2005"><input type="text" name="case2005" id="case2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcase2006"><input type="text" name="case2006" id="case2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcase2007"><input type="text" name="case2007" id="case2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">电源(Power)</th>
 <td id="tdpower2004"><input type="text" name="power2004" id="power2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdpower2005"><input type="text" name="power2005" id="power2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdpower2006"><input type="text" name="power2006" id="power2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdpower2007"><input type="text" name="power2007" id="power2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
 <th scope="row">CPU风扇(CPU Fan)</th>
 <td id="tdcpufan2004"><input type="text" name="cpufan2004" id="cpufan2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcpufan2005"><input type="text" name="cpufan2005" id="cpufan2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcpufan2006"><input type="text" name="cpufan2006" id="cpufan2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdcpufan2007"><input type="text" name="cpufan2007" id="cpufan2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
<tr>
<th scope="row">总计(Total)</th>
 <td id="tdtotal2004"><input type="text" name="total2004" id="total2004" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdtotal2005"><input type="text" name="total2005" id="total2005" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdtotal2006"><input type="text" name="total2006" id="total2006" onFocus="hilite(this);" onBlur="delite(this);"></td>
 <td id="tdtotal2007"><input type="text" name="total2007" id="total2007" onFocus="hilite(this);" onBlur="delite(this);"></td>
</tr>
</table>
<p><input type="submit" name="btnSubmit" id="btnSubmit" value="Add Data" class="btn">
<input type="reset" value="Reset All" class="btn"></p>
</form>
</body>
</html>

发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关文章

2021年优度成功签约并完成泰坦凝胶官网

2021年优度成功签约并完成泰坦凝胶官网

此网站采用标准网站建设方案,PC+移动自动转换模式,网站产品为一款火爆的微商产品,也是一款男性用品。...

备案与没备案的新网站老域名为什么百度都不收录?

备案与没备案的新网站老域名为什么百度都不收录?

现在互联网越来越难做,百度的门槛越来越高,以前新网站上线提交后3天就会收录,现在新网站上线每天提交还不一定会收录,必须结合外链才有效。...

做好“着陆页”,公司销售业绩将提升一大步

做好“着陆页”,公司销售业绩将提升一大步

当今,一个能在用户寻找“返回”按钮之前抓住用户眼球的着陆页比以往任何时候都更有商业价值。值得庆幸的是,一个好的着陆页面的设计过程比以往更加容易把握,诀窍在于弄清楚实现这个非常重要的切入点所需的核心要素...

什么是关键词?

什么是关键词?

关键词就是你向搜索引擎发出的一个指令,是让搜索引擎帮助你查找相关信息的命令,它可以是一个字,也可以是一个词、一句话、一个英字母、英文单词、一个数字、一个符号等任何可以在搜索框中输入的信息。...

什么样的网站才是一个合格的SEO网站?

什么样的网站才是一个合格的SEO网站?

在讲网站之前还是来介绍一下什么是网站,因为这里的学员还有很多SEO初学者,网站就好比是我们在某个商场、某个小区开的一个店铺,你做生意肯定是有一个店铺的对吧,那么网站就是一个互联网上的店铺,是一个虚拟的...