CSS直接输入的Excel表格

maozj

浏览: 320206 次
性别:
来自: 西宁

最近访客更多访客>>

wyx065747

penguinwcc

tangluyou

zkhero丶

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

CSSDIV

Excel CSS HTML XHTML

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>

查看图片附件

分享到：

css竖排导航菜单分享 | css表格鼠标滑动

2010-06-30 13:43
浏览 986
评论(10)
论坛回复 / 浏览 (10 / 7573)
分类:Web前端
查看更多

10 楼風一樣的男子 2010-07-05

就是做成 excel 样式

9 楼 softrain 2010-07-05

太多input,考虑只在鼠标移动到一个单元格的时候显示一个input

8 楼 gagaboy 2010-07-05

我这边IE6无法显示～～
兼容性有问题～～

7 楼 cnyangqi 2010-07-04

<input type="text"。。。
这个就是excel的输入框哇。。。

6 楼 yunduanyucan 2010-07-03

自己操作一下就明白楼主的意思了

5 楼 nearboy 2010-07-03

连人家的成品都看不懂，你们还能不能干点事业了！

4 楼 dumbness 2010-07-03

就是利用css样式把table渲染成excel的样子

3 楼 davepkxxx 2010-07-03

同样没看懂

2 楼 esanone 2010-07-03

我也是,没看懂.

1 楼 gengv 2010-07-01

没看懂，什么意思？

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论