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. 用QFileSystemWatcher来监视文件和目录的改变（内部还是使用了timer）

    Use Case: 两个程序共享同一个Configuration文件,当一个程序作出改变的时候,需要另外一个程序能够及时响应. 之前其实猜的八九不离十,估计是有一个Timer,然后定时查询Config ...

  2. 使用MongoDB的开源项目（转）

    根据谷歌的搜索结果筛选出来的. 统计应用 counlty https://count.ly/ mongopress 开源CMS系统 http://www.mongopress.org/ Rubedo ...

  3. CSipSimple最新版本号(二)--加入视频功能

    前面我们编译好了最新版本号的CSipSimple,并且測试已经能够打电话了.如今要把视频功能加上去. 不知道怎么编译的,能够看我的上一篇博文:CSipSimple最新版本号 我们先来看一下之前的项目是 ...

  4. QSerialPort

    (草稿) qt5提供QSerialPort类,封装了串口的api, 可以用这个类写串口通信程序.

  5. 03-UIKit、VC之间正向反向传值、代理

    目录: 一.正向传值 二.反向传值 三.代理模式 回到顶部 正向传值:就是把第一个界面的值传给第二个界面显示,其简单实现方法 1 首先在第一个界面中要有一个textField输入框,一个按钮butto ...

  6. 获取客户端IPAsp.Net

    #region 获取客户端IP地址 /// <summary> /// 获取客户端IP地址 /// </summary> /// <returns></ret ...

  7. 基于visual Studio2013解决C语言竞赛题之0608水仙花函数

     题目 解决代码及点评 /* 功能:写一函数判断某数是否"水仙花数",所谓"水仙花数"是指一个三位数, 其各位数字立方和等于该数本身. */ #includ ...

  8. GTest交流与经验总结

    GTest交流与经验总结 原文见:   http://starsourcingsolutions.com/myblog/?p=159

  9. UITabBarController中自定义UITabBar

    1.创建多个视图控制器,放如UITabBarController中 AViewController *aa = [[AViewController alloc] init]; UINavigation ...

  10. Java基础09 类数据与类方法

    链接地址:http://www.cnblogs.com/vamei/archive/2013/03/31/2988622.html 作者:Vamei 出处:http://www.cnblogs.com ...