使用HTML table标签可以使页面排列较为美观。
最简单的登录界面
<!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>
</head>
<body>
<form name="login" action="" method="post">
用户名<input type="text" name="name">
<br />
密码<input type="password" name="password">
<br />
<input type="submit" value="提交">
</form>
</body>
</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>
</head>
<body>
<form name="login" action="" method="post">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>  </td>
<td><input type="submit" value="提交"></td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
尽管随着Web技术的发展，`div`+`css`的布局方式逐渐成为主流，但在处理复杂的数据展示时，HTML表格仍然具有不可替代的作用。掌握了表格的基本语法以及各种高级特性，可以更好地利用表格来优化网站的设计和用户体验。
在网页设计中，HTML表格是一种常见的数据展示方式。它们用于组织和排列结构化的信息，如数据报告、统计分析等。本教程将深入探讨如何创建“漂亮的表格”并利用HTML、CSS和JavaScript增强用户体验。 首先，HTML是...
HTML表格在展示大量数据时，如果不分页，用户可能需要滚动很长距离才能查看所有内容，这无疑降低了用户体验。为了改善这种情况，"一个对html表格分页的类" 提供了解决方案。这个类允许我们将已有的HTML表格转换为...
在Web开发中，数据展示通常会使用到HTML表格。为了提升用户体验和数据管理效率，我们经常需要实现表格的排序功能，让用户可以按照表格列的值进行升序或降序排列。`tablesorter`是一个非常实用的JavaScript库，它为...
在网页设计中，HTML表格是展示数据和组织信息的重要元素。然而，仅使用基本的HTML表格标记可能无法满足我们对视觉吸引力和用户体验的需求。为了创建一个布局协调、色调统一、美观且大方的表格，我们需要掌握一些HTML...
在JavaScript中，将HTML表格的数据导出到Excel文件是一项常见的需求，这主要涉及到网页与本地文件系统的交互。本文将深入探讨这一过程中的关键知识点，并针对描述中提到的浏览器兼容性问题进行讨论。 首先，让我们...
在网页设计中，HTML表格是一种常见的数据展示方式。然而，当表格内容过多导致需要滚动时，表头通常会被滚动条遮挡，给用户查看和理解数据带来不便。为了解决这个问题，我们可以采用“表格头部固定”技术，确保无论...
HTML 表格与 HTML 表单 HTML 表格是 HTML 中的一种基本结构元素，用于组织和显示数据。HTML 表格由多个表格单元格组成，每个单元格可以包含文本、图像、表单元素等内容。HTML 表格的基本结构由 `<table>` 标记定义...
HTML表格是一种常用的数据展示方式，但在网页中，随着数据量的增加，滚动条的出现可能会导致用户失去对表头和列标识的视线。为了解决这个问题，我们可以实现一个类似于Excel的功能，即在滚动时固定表格的第一行和第...
HTML表格控件`tableView`是前端开发中一种用于展示数据的高效工具，尤其适用于新手开发者。这个`tableView-1.1.2`版本是经过优化的，提供了丰富的功能和良好的用户体验。它基于jQuery库进行封装，确保了在各种浏览器...
HTML表格排序资源主要涉及到网页中数据展示的组织与管理，特别是在大数据量时，提供便捷的交互方式对数据进行排序，以提升用户体验。这里提到的两个主要工具是tablesorter和jquery-tablesort，它们都是基于...
"HTML表格导出为Excel"就是一种常见的需求，它允许用户将展示在网页上的结构化数据，如表格，轻松地下载为Excel文件，便于进一步处理或分析。在这个过程中，我们通常会利用JavaScript库，比如jQuery，来实现这一功能...
本篇将详细讲解如何使用易语言将数组转换为HTML表格，以及如何实现类似超级列表框的效果。 首先，我们要理解数组的概念。数组是一种数据结构，它能存储同一类型的数据集合。在易语言中，数组可以用来保存一系列数值...
HTML表格和CSS是网页设计中的两个关键元素，它们一起构建了网页内容的结构和样式。HTML（HyperText Markup Language）负责定义网页的结构，而CSS（Cascading Style Sheets）则用于控制页面的布局和外观。 HTML表格...
在JavaScript中动态插入HTML表格是一种常见的操作，尤其在创建数据展示或者交互式用户界面时非常有用。本篇文章将深入探讨如何在JavaScript中插入带有变量的HTML表格，以及如何通用地表达这一过程。 首先，我们需要...
HTML表格生成Excel文件是网页开发中常见的需求，尤其在数据展示和数据分析的场景下。这个压缩包"HTML表格生成Excel文件代码.zip"提供了一个解决方案，它利用了jQuery库的一个插件——jquery.table2excel，实现了从...
HTML表格是一种常用的数据展示方式，它允许我们组织和呈现结构化的信息。在一些情况下，当表格数据过多，无法在一个屏幕内完全显示时，可以利用滚动条来提供更友好的用户体验。本篇将深入探讨如何在HTML表格中实现两...
js实现html表格列宽可拖拽修改 .