|
锁定老帖子 主题：CSS直接输入的Excel表格
精华帖 (0) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (11)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-06-30
最后修改：2010-06-30
HTML Excel表格可以直接输入。。。
-------------------------------- HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<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;
}
</style>
</head>
<body>
<form method="post">
<table class="formdata">
<caption>公司销售统计表</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>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
<tr>
<th>硬盘</th>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
<td><input type="text" name="harddisk2004" id="harddisk2004"/></td>
</tr>
</table>
</form>
</body>
</html>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-07-01
没看懂，什么意思？
|
| 返回顶楼 | |
|
发表时间：2010-07-03
我也是,没看懂.
|
| 返回顶楼 | |
|
发表时间：2010-07-03
同样没看懂
|
| 返回顶楼 | |
|
发表时间：2010-07-03
就是利用css样式把table渲染成excel的样子
|
| 返回顶楼 | |
|
发表时间：2010-07-03
连人家的成品 都看不懂，你们还能不能干点 事业了！
|
| 返回顶楼 | |
|
发表时间：2010-07-03
自己操作一下就明白楼主的意思了
|
| 返回顶楼 | |
|
发表时间：2010-07-04
<input type="text"。。。
这个就是excel的输入框哇。。。 |
| 返回顶楼 | |
|
发表时间：2010-07-05
我这边IE6无法显示～～
兼容性有问题～～ |
| 返回顶楼 | |
|
发表时间：2010-07-05
太多input,考虑只在鼠标移动到一个单元格的时候显示一个input
|
| 返回顶楼 | |
