`

HTML表格

    博客分类：
  • css
css 
阅读更多 
<!doctype html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>淘宝网 - 淘！我喜欢</title>
	
	<style>
		.uiText{
			background: url("inputbg.png") no-repeat scroll 0 0 transparent;
			border: 1px solid #CACACA;
			height: 18px;
			padding:3px;
		}
	</style>

<body>
	<div id="queryConditionDiv">
		<table>
			<tr>
				<td>
					宝贝名称：
				</td>
				<td>
					<input type="text" value="" name="b2corderno" maxlength="20" id="b2corderno" class="uiText">
				</td>
				<td style="width:50px;">
					&nbsp;
				</td>
				<td>
					商家编码：
				</td>
				<td>
					<input type="text" value="" name="b2corderno" maxlength="20" id="b2corderno" class="uiText">
				</td>
			</tr>
			<tr>
				<td>
					价格
				</td>
				<td>
					<input type="text" value="" name="b2corderno" maxlength="20" id="b2corderno" class="uiText">
				</td>
				<td style="width:50px;">
					&nbsp;
				</td>
				<td>
					宝贝类目
				</td>
				<td>
					<input type="text" value="" name="b2corderno" maxlength="20" id="b2corderno" class="uiText">
				</td>
			</tr>
		</table>
	</div>
	<div id="dataListDiv" style='margin-top:20px;'>
		<table style='border: 1px solid #D8DEE3;text-align: left;width:98%;line-height:35px;' cellspacing="0" cellpadding="0">
				  <tbody>
				  <tr style="background-color:seashell">
					<th style="width:20%">宝贝名称</th>
					<th style="width:20%">价格</th>
					<th style="width:20%">库存</th>
					<th style="width:20%">创建时间</th>
					<th style="width:20%">操作</th>
				  </tr>
				  <tr>
						<td>
							特步男鞋正品鞋网面运动鞋男跑步鞋男慢跑鞋子轻便透气网鞋旅游鞋
						</td>
						<td>120</td>	
						<td>10</td>
						<td>2012-12-24 16:24:45</td>
						<td><a href="javascript:void;" onclick="save()">上架</a></td>
				   </tr>
				  <tr style="background-color:seashell">
						<td>
							Air Max Thea 气垫跑步鞋女鞋
						</td>
						<td>98</td>	
						<td>6</td>
						<td>2012-12-24 16:24:45</td>
						<td><a href="javascript:void;" onclick="save()">上架</a></td>
				   </tr>	
			</tbody>
		</table>
	</div>
</body>
</html>
  • 大小: 1.9 KB
  • 大小: 7.1 KB
分享到：
| freemarker使用小技巧
评论
发表评论

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

相关推荐

    表格 html 表格 html 表格 html

    尽管随着Web技术的发展，`div`+`css`的布局方式逐渐成为主流，但在处理复杂的数据展示时，HTML表格仍然具有不可替代的作用。掌握了表格的基本语法以及各种高级特性，可以更好地利用表格来优化网站的设计和用户体验。

    漂亮的表格 HTML表格

    在网页设计中，HTML表格是一种常见的数据展示方式。它们用于组织和排列结构化的信息，如数据报告、统计分析等。本教程将深入探讨如何创建“漂亮的表格”并利用HTML、CSS和JavaScript增强用户体验。 首先，HTML是...

    一个对html表格分页的类

    HTML表格在展示大量数据时，如果不分页，用户可能需要滚动很长距离才能查看所有内容，这无疑降低了用户体验。为了改善这种情况，"一个对html表格分页的类" 提供了解决方案。这个类允许我们将已有的HTML表格转换为...

    tablesorter实现HTML表格点击表头排序

    在Web开发中，数据展示通常会使用到HTML表格。为了提升用户体验和数据管理效率，我们经常需要实现表格的排序功能，让用户可以按照表格列的值进行升序或降序排列。`tablesorter`是一个非常实用的JavaScript库，它为...

    HTML表格的美化修饰

    在网页设计中，HTML表格是展示数据和组织信息的重要元素。然而，仅使用基本的HTML表格标记可能无法满足我们对视觉吸引力和用户体验的需求。为了创建一个布局协调、色调统一、美观且大方的表格，我们需要掌握一些HTML...

    js导出html表格中数据示例

    在JavaScript中，将HTML表格的数据导出到Excel文件是一项常见的需求，这主要涉及到网页与本地文件系统的交互。本文将深入探讨这一过程中的关键知识点，并针对描述中提到的浏览器兼容性问题进行讨论。 首先，让我们...

    html表格头部固定 相应单元格宽度自适应内容区域单元格

    在网页设计中，HTML表格是一种常见的数据展示方式。然而，当表格内容过多导致需要滚动时，表头通常会被滚动条遮挡，给用户查看和理解数据带来不便。为了解决这个问题，我们可以采用“表格头部固定”技术，确保无论...

    实验三-HTML表格与HTML表单.doc

    HTML 表格与 HTML 表单 HTML 表格是 HTML 中的一种基本结构元素，用于组织和显示数据。HTML 表格由多个表格单元格组成，每个单元格可以包含文本、图像、表单元素等内容。HTML 表格的基本结构由 `&lt;table&gt;` 标记定义...

    HTML表格固定第一行第一列效果

    HTML表格是一种常用的数据展示方式，但在网页中，随着数据量的增加，滚动条的出现可能会导致用户失去对表头和列标识的视线。为了解决这个问题，我们可以实现一个类似于Excel的功能，即在滚动时固定表格的第一行和第...

    html表格控件tableview-1.1.2

    HTML表格控件`tableView`是前端开发中一种用于展示数据的高效工具，尤其适用于新手开发者。这个`tableView-1.1.2`版本是经过优化的，提供了丰富的功能和良好的用户体验。它基于jQuery库进行封装，确保了在各种浏览器...

    html表格排序资源

    HTML表格排序资源主要涉及到网页中数据展示的组织与管理，特别是在大数据量时，提供便捷的交互方式对数据进行排序，以提升用户体验。这里提到的两个主要工具是tablesorter和jquery-tablesort，它们都是基于...

    html表格导出为excel

    "HTML表格导出为Excel"就是一种常见的需求，它允许用户将展示在网页上的结构化数据，如表格，轻松地下载为Excel文件，便于进一步处理或分析。在这个过程中，我们通常会利用JavaScript库，比如jQuery，来实现这一功能...

    易语言数组转HTML表格(跟超级列表框一样用)

    本篇将详细讲解如何使用易语言将数组转换为HTML表格，以及如何实现类似超级列表框的效果。 首先，我们要理解数组的概念。数组是一种数据结构，它能存储同一类型的数据集合。在易语言中，数组可以用来保存一系列数值...

    html表格和CSS进行网页设计

    HTML表格和CSS是网页设计中的两个关键元素，它们一起构建了网页内容的结构和样式。HTML（HyperText Markup Language）负责定义网页的结构，而CSS（Cascading Style Sheets）则用于控制页面的布局和外观。 HTML表格...

    js页面插入html表格

    在JavaScript中动态插入HTML表格是一种常见的操作，尤其在创建数据展示或者交互式用户界面时非常有用。本篇文章将深入探讨如何在JavaScript中插入带有变量的HTML表格，以及如何通用地表达这一过程。 首先，我们需要...

    HTML表格生成Excel文件代码.zip

    HTML表格生成Excel文件是网页开发中常见的需求，尤其在数据展示和数据分析的场景下。这个压缩包"HTML表格生成Excel文件代码.zip"提供了一个解决方案，它利用了jQuery库的一个插件——jquery.table2excel，实现了从...

    HTML表格滚动条 两种形式

    HTML表格是一种常用的数据展示方式，它允许我们组织和呈现结构化的信息。在一些情况下，当表格数据过多，无法在一个屏幕内完全显示时，可以利用滚动条来提供更友好的用户体验。本篇将深入探讨如何在HTML表格中实现两...

    js实现html表格列宽可拖拽修改

    js实现html表格列宽可拖拽修改 .

Magicbox
Global site tag (gtag.js) - Google Analytics