watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvc3Vuc2h1bWlu/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

<!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=utf-8" />

<title>使用表格对表单进行布局</title>

</head>

<body>

	<form action="#" method="post">

    	<table width="450" border="0" bgcolor="#000000" cellspacing="1" cellpadding="2"><!--cellspacing指相邻单元格之间的间距。cellpadding指控制单元格内部文字与边框的边距-->

        <tbody>

        	<tr height="30">

            	<td colspan="2" align="center" bgcolor="#CCCCCC"><font size="5">用户注冊</font></td>

            </tr>

            <tr height="30">

            	<td width="150" align="right" bgcolor="#E6E6E6">username</td>

                <td width="300" bgcolor="#E6E6E6">

                	<input type="text" name="UserName" maxlength="20" size="15" /></td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">密码</td>

                <td bgcolor="#E6E6E6">

                	<input name="UserPass" type="password" size="15" maxlength="20" /></td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">反复密码</td>

                <td bgcolor="#E6E6E6">

                	<input name="UserPass" type="password" size="15" maxlength="20" /></td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">性别</td>

                <td bgcolor="#E6E6E6">

                	<input name="sex" type="radio" value="男" checked="checked" />男

                    <input name="sex" type="radio" value="女" />女

                </td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">爱好</td>

                <td bgcolor="#E6E6E6">

                	<input name="like" type="checkbox" value="1" />足球

                    <input name="like" type="checkbox" value="2" />篮球

                    <input name="like" type="checkbox" value="3" />乒乓球

                </td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">省份</td>

                <td bgcolor="#E6E6E6">

                	<select name="province">

                    	<option>陕西省</option>

                        <option>山东省</option>

                        <option>山西省</option>

                        <option>河北省</option>

                        <option>河南省</option>

                        <option>湖南省</option>

                        <option>湖北省</option>

                        <option>黑龙江省</option>

                        <option>其它</option>

                   </select>

                </td>

            </tr>

            <tr height="30">

            	<td align="right" bgcolor="#E6E6E6">自我介绍</td>

                <td bgcolor="#E6E6E6">

                	<textarea name="Intro" cols="40" rows="5" id="Intro"></textarea></td>

            </tr>

            <tr height="30">

            	<td align="center" colspan="2" bgcolor="#CCCCCC">

                	<input type="submit" name="send" value="提交" />

                    <input type="reset" name="reset" value="重置" />

                </td>

            </tr>

        </tbody>

        </table>

	</form>

</body>

</html>

HTML——使用表格对表单进行布局的更多相关文章

  1. （十）jQuery对表单、表格的操作

    一.表单应用 1.HTML中的表单大致由三部分组成 (1).表单标签:包含处理表单数据所用的服务端程序URL,以及数据提交到服务器的方法. (2).表单域:包含文本框.密码框.隐藏域.多行文本框.复选 ...

  2. jQuery（6）——jQuery对表单、表格的操作及更多应用

    jQuery对表单.表格的操作及更多应用 [表单应用] 一个表单有表单标签.表单域及表单按钮三个基本部分. 单行文本框应用:获取和失去焦点改变样式. 也可以用CSS中的伪类选择符来实现,但是IE6并不 ...

  3. jQuery 对表单、表格的操作及更多应用-简略笔记

    [jQuery 对表单.表格的操作及更多应用] jquery对表单及表格的操作是实际应用中相当广泛. 对于表单的操作,可以实现 (1)获取和失去焦点改变样式: (2)在多行文本框中可以实现网站评论框的 ...

  4. Bootstrap框架(基础篇)之列表,表格,表单

    继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...

  5. css表格表单和统筹

    css:表格表单和统筹 学习目标 1.表单标签及属性高级 2.表格标签及属性高级 3.CSS统筹 4.BFC概念和应用场景 一.表单标签及属性高级 回顾: 表单的作用:用来收集用户的信息的; 表单的组 ...

  6. Bootsrap表格表单及其使用方法

    bootstrap的使用 bootstrap中的js插件依赖于jQuery 因此jQuery要在bootstrap之前引入 参考官网标准引入方法和引入样式 排版 标题 Bootstrap和普通的HTM ...

  7. HTML--绝对路径, 表格,表单, 框架

    URL, URI, URN URL: 统一资源定位符: Uniform Resource Locator URN: 持久可用的资源标准名称 Uniform Resource Name , 比如邮箱 U ...

  8. 《锋利的JQuery》读书要点笔记4——表格表单的操作

    第五章 jQuery对表单,表格的操作以及更多应用 这章主要以一些具体案例讲解了jQuery对表单,表格的常用操作,以及一些常见的jQuery应用,用到的都是上几章说的东西.下面就以具体的案例来展开. ...

  9. js进阶 14-7 jquery的ajax部分为什么需要对表单进行序列化

    js进阶 14-7 jquery的ajax部分为什么需要对表单进行序列化 一.总结 一句话总结:如果用ajax传递表单的数据,如果不进行表单的序列化,要一个参数一个参数的写,太麻烦,序列化的话,一句代 ...

随机推荐

  1. 基于visual Studio2013解决算法导论之054图的邻接矩阵表示

     题目 图的邻接矩阵表示 解决代码及点评 // 图的邻接矩阵表示.cpp : 定义控制台应用程序的入口点. // #include <iostream> #include <l ...

  2. [转]tripwire-文件指纹

    原文链接:http://www.ipython.me/centos/tripwire-file-md5.html Tripwire是目前最为著名的unix下文件系统完整性检查的软件工具,这一软件采用的 ...

  3. shell登录模式及其相应配置文件（转）

    参考<linux命令.编辑器与shell编程>(清华大学出版社) 当启动shell时,它将运行启动文件来初始化自己.具体运行哪个文件取决于该shell是登陆shell还是非登陆shell的 ...

  4. python中文utf8编码后是占3个字符,unicode汉字为2字节

    一个中文utf8编码后是占3个字符,所以求长度的函数可以这样写 def str_len(str): try: row_l=len(str) utf8_l=len(str.encode('utf-8') ...

  5. Linux中处理需要传输的IP报文流程

    本文主要讲解了Linux中处理需要传输的IP报文流程,使用的内核的版本是2.6.32.27 为了方便理解,本文采用整体流程图加伪代码的方式对Linux中处理需要传输的IP报文流程进行了讲解,希望可以对 ...

  6. Swift Error fatal error: unexpectedly found nil while unwrapping an Optional value

    致命的错误: 对一个为空的optional值进行解包. 强制解包(forced unwrapping): 在optional后面加叹号. 比如  "value!" 错误代码: le ...

  7. 集合简单总结 ArrayList、List、Hashtable、Dictionary

      ============================ 集合综述 ============================== 1.什么是泛型: 泛型就是限制了操作类型,意思如下:       ...

  8. How to install vim on linux

    前几日了解到 vim 文本编辑器,据说很强大,使用起来效率很高,今天怀着很好奇的心理,学习了一下vim编辑器的下载安装方法,在此详细介绍一下安装vim编辑器的几种常用方法: 第一种方法就是在 Ubun ...

  9. java操作oracle空间信息介绍

    转自:http://www.cdtarena.com/javapx/201307/9088.html sde是Spatial Database Engine简写,中文全称:空间数据库引擎. SDE是一 ...

  10. premake Ubuntu下的安装

    premake是个跨平台的编译工具,先看看在Ubuntu下怎么安装. 首先下载,在/usr目录下: sudo wget -O premake-4.4-beta4-linux.tar.gz http:/ ...