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. Stackful 协程库 libgo（单机100万协程）

    libgo 是一个使用 C++ 编写的协作式调度的stackful协程库, 同时也是一个强大的并行编程库. 设计之初是为高并发分布式Linux服务端程序开发提供底层框架支持,可以让链接进程序的同步的第 ...

  2. docker 学习笔记21：docker连接网络的设置

    1.如果docker主机不需要通过代理连接外网 则docker的相关命令(如docker search)或docker容器与网络相关的操作都可以正常进行,不需要特殊设置. 2.当docker主机 是通 ...

  3. 修改、设置root密码

    参考文档: http://zhidao.baidu.com/link?url=OaUTAj6FrMGDjbPZHWv3NNDOaIl3HNqZz_3lF_Zpi8oZpLkBfnHfPlpgE1EvN ...

  4. JAVA思维导图系列：多线程0基础

    感觉自己JAVA基础太差了,又一次看一遍,已思维导图的方式记录下来 多线程0基础 进程 独立性 拥有独立资源 独立的地址 无授权其它进程无法訪问 动态性 与程序的差别是:进程是动态的指令集合,而程序是 ...

  5. UVa 121 - Pipe Fitters

    称号:放置在一个圆中的矩形,它要求每个圆的每行或列是切线,问:多少能竖起来. 分析:计算几何.数论.首先计算矩形显示屏,然后计算互显示器(每一行与相邻行相同差1个月)求最大,你可以. 说明:╮(╯▽╰ ...

  6. 百度编辑器ueditor简单易用

    最近刚刚被分配任务给一个新闻发布,它采用了富文本编辑器.本人也被用于,只是这一次我选择了百度的富文本编辑器ueditor1_4_3-utf8-jsp版. 事实上看ueditor功能非常强大,只是百度的 ...

  7. Android性能检测--traceview工具各个参数的意思

    Android性能检测 traceview的使用方法 1. 把android-sdk-windows\tools路径加到Path当中 2. 编写测试代码: package com.wwj.tracev ...

  8. 安装apk程序进android

    package com.example.installmyapk; import java.io.File; import android.net.Uri; import android.os.Bun ...

  9. 【转】linux下 postgres的一些操作总结

    参考博文: PostgreSQL详解     1. 基本操作命令 安装完成后,PostgreSQL默认创建了名为postgres数据库用户账户,其与MySQL的root以及SQL Server的sa账 ...

  10. linux下利用sed重命名文件

    3 for file in `ls ./*.*`  4 do  5 mv $file `echo $file|sed 's/IM_21R_ID331/1M21R_ID331/g'`  6 done  ...