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. 多层TreeWidget可选实现

    http://download.csdn.net/detail/lingyunfuyu2/9117481

  2. 转:Javascript的10个设计缺陷

    作者: 阮一峰 日期: 2011年6月30日 前几篇文章,我经常说Javascript的设计不够严谨,有很多失误. 今天的这一篇,前半部分就谈为什么会这样,后半部分将列举Javascript的10个设 ...

  3. Oracle时间戳

    查询某一具体时间某张表的数据,可以用时间戳进行查询. 例如: SELECT * FROM sac14 AS OF TIMESTAMP to_date('201508310930','yyyymmddh ...

  4. Hadoop 配置文件简介

    1.core-site.xml文件 这是一个描述集群中NameNode结点的URI-统一资源标识符(包括协议,主机名称,端口号),集群里面的每一台机器都需要知道 NameNode的地址.DataNod ...

  5. 面试中的Singleton

      引子 “请写一个Singleton.”面试官微笑着和我说. “这可真简单.”我心里想着,并在白板上写下了下面的Singleton实现: 1 class Singleton 2 { 3 public ...

  6. 解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET

    解决基于BAE python+bottle开发上的一系列问题 - artwebs - 博客频道 - CSDN.NET 解决基于BAE python+bottle开发上的一系列问题 分类: python ...

  7. php实现加好友功能

    思路: 1用户发送好友申请之后 把申请储存到申请数据表中,状态为 未验证 2 当用户登录时,查询申请表中是否有uid和被申请人id相同的,如果同意,更改状态,并把数据插入到对应的好友数据表否则,删除申 ...

  8. Android 富文本框实现 RichEditText

    Android系统自带控件没有富文本框控件,如果想写一封带格式的邮件基本上不可能,EdtiText只有默认一种格式,显示不能滿足要求,!!正好项目需要研究了一下,开发了此控件,现将一些源代码开放一下, ...

  9. 8 cocos2dx加入场景切换效果，控制场景切换彻底完毕之后再运行动画

     1 加入场景切换效果 供场景切换的类: CCTransitionJumpZoom CCTransitionProgressRadialCCW CCTransitionProgressRadial ...

  10. 【手打】LZW编码的C/C++实现

    LZW编码通过建立一个字符串表,用较短的代码来表示较长的字符串来实现压缩. LZW压缩算法是Unisys的专利,有效期到2003年,所以相关算法大多也已过期. 本代码只完毕了LZW的编码与解码算法功能 ...