Web前端开发技术(第3版)储久良 12.6综合实例

3 篇文章 2 订阅

以“第十八届中国国际广告节会议注册表”页面为例,其页面效果如图所示。采用11行9列的表格布局来完成页面设计,注册界面使用表单和表单控件来实现。
图1

实现的代码如下图所示:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>第十八届中国国际广告节会议注册表</title>
    <style type="text/css">
        body{text-align:center;}
        h1{font-size: 25px;}
        .zhuce{font-size: 14px;text-align: center;width: 840px;margin: 0 auto;background: #f7f7f7;}
        .zhuce td{border: 1px solid #3300cc;padding: 2px 3px;}
        .zhuce .ibg{text-align: left;}
        .zhuce .bbg{padding: 10px 0; font-size: 13px;}
        #bt{width: 100px;height: 35px;background: #99ffcc;} */
    </style>
</head>
<body>
    <h1>第十八届中国国际广告节会议注册表</h1>
    <form>
        <table class="zhuce">
        <tr>
            <td width="100px">参会者姓名</td>
            <td colspan="4" class="ibg" >
                <input name="txtName" type="text">
            </td>
            <td>职务</td>
            <td colspan="3" class="ibg">
                <input name="txtZhiwu" type="text">
            </td>
        </tr>
        <tr>
            <td>工作单位</td>
            <td colspan="8" class="ibg">
                <input name="txtDanwei" type="text" style="width: 500px;">
            </td>
        </tr>
        <tr>
            <td>电话</td>
            <td colspan="2" class="ibg">
                <input name="txtTel" type="text">
            </td>
            <td>传真</td>
            <td colspan="2">
                <input name="txtFax" type="text">
            </td>
            <td cilspan="手机"></td>
            <td class="ibg">
                <input name="txtMobil" type="text">
            </td>
        </tr>
        <tr>
            <td>通讯地址</td>
            <td colspan="6" class="ibg">
                <input name="txtAddress" type="text" style="width: 400px;">
            </td>
            <td>邮编</td>
            <td class="ibg">
                <input name="txtPostCode" type="tetx">
            </td>
        </tr>
        <tr>
            <td>E-mail</td>
            <td colspan="6" class="ibg">
                <input name="txtEmail" type="text" style="width: 180px;">
            </td>
            <td>国家</td>
            <td class="ibg">
                <select name="ddlCountry" id="ddlCountry" style="width: 180px;">
                    <option value="中国" selected>中国</option>
                    <option value="美国">美国</option>
                    <option value="瑞士">瑞士</option>
                    <option value="印度">印度</option>
                    <option value="巴西">巴西</option>
            </td>
        </tr>
        <tr>
            <td>省份</td>
            <td colspan="6" class="ibg">
                <select name="ddlProvice" style="width: 180px;">
                    <option value="请选择">请选择</option>
                    <option value="广东省">广东省</option>
                    <option value="上海市">上海市</option>
                    <option value="北京市">北京市</option>
                    <option value="湖南省">湖南省</option>
            </td>
            <td>城市</td>
            <td class="ibg">
                <input name="txtCity" type="text" style="width: 180px;">
            </td>
        </tr>
        <tr>
            <td colspan="9"><p>会议费标准(人民币)</p></td>
        </tr>
        <tr>
            <td colspan="2">身份 / 时间</td>
            <td colspan="4">2011年9月20日之前注册</td>
            <td colspan="3">2011年9月20日之后注册</td>
        </tr>
        <tr>
            <td colspan="2">中广协会员</td>
            <td colspan="4">
                <input type="radio" name="rbMem" value="rbMem1">1500元
            </td>
            <td colspan="3">
                <input type="radio" name="rbMem" value="rbMem2">1800元
            </td>
        </tr>
        <tr>
            <td colspan="2">非会员</td>
            <td colspan="4">
                <input type="radio" name="rbMem" value="rbMem1">1800元
            </td>
            <td colspan="3">
                <input type="radio" name="rbMem" value="rbMem2">2000元
            </td>
        </tr>
        <tr>
            <td colspan="9" class="bbg">
                <input id="bt" type="submit" name="btnOk" value="提交">
                <input id="bt" type="reset"><br><br>
                <a href="邀请函和注册表2011.doc">第十八届中国国际广告节会议注册表下载</a>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
``

  • 0
    点赞
  • 0
    评论
  • 3
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

Delphi程序开发范例宝典(3)》.part1 《delphi程序开发范例宝典(3)》全面介绍了delphi程序开发所用到的技术和技巧,共分19章,内容包括窗体与界面设计、控件应用、数据处理技术、图形技术、多媒体技术、文件系统、操作系统与window相关程序、注册表、数据库技术、sql查询相关技术、打印与报表技术、图表技术、硬件相关开发技术、网络开发技术web编程、数据结构与算法、delphi语言基础、加密/安全与软件注册、实用工具、程序打包等。全书共提供500多个实例,每个实例都突出了其实用性。    《delphi程序开发范例宝典(3)》适用于delphi编程人员,也可供大中专院校相关专业的师生学习参考。 《delphi程序开发范例宝典(3)》 1章 窗体与界面设计 1 1.1 菜单应用 2 实例001 在系统菜单中添加菜单项 2 实例002 带历史信息的菜单 3 实例003 菜单动态合并 4 实例004 像“开始”菜单一样漂亮的菜单 5 实例005 多彩的菜单 6 实例006 可以拉伸的菜单界面 8 1.2 工具栏设计 9 实例007 带背景的工具栏 9 实例008 浮动工具栏 10 1.3 状态栏设计 11 实例009 在状态栏中显示检查框 11 实例010 带进度条的状态栏 12 实例011 状态栏中加入图标 13 1.4 导航菜单界面 14 实例012 outlook界面 14 实例013 带导航菜单的主界面 15 实例014 图形化的导航界面 16 .1.5 特色程序界面 18 实例015 类qq的程序界面 18 实例016 类似windows xp的程序界面 20 实例017 以图形按钮显示的界面 22 实例018 以树型显示的程序界面 23 实例019 以xpmanifest组件显示界面 25 实例020 动态按钮的窗体界面 26 1.6 特殊形状的窗体 28 实例021 非矩形窗体 28 实例022 建立字体形状窗体 29 1.7 多媒体光盘 30 实例023 自动启动的多媒体光盘程序 30 实例024 为触摸屏程序添加虚拟键盘 31 实例025 触摸屏系统 32 1.8 窗体效果 34 实例026 半透明渐显窗体 34 实例027 窗口颜色的渐变 35 实例028 带背景的窗体 36 实例029 为窗体增加边框 37 1.9 窗体动画 38 实例030 窗体中的滚动字幕 38 实例031 动画显示窗体 39 实例032 制作闪烁的窗体 40 实例033 直接在窗体上绘图 41 实例034 动画形式的程序界面 42 实例035 以时钟显示界面窗体 43 1.10 标题栏窗体 45 实例036 标题栏上的按钮 46 实例037 使窗体标题栏文字右对齐 48 实例038 没有标题栏但可以改变大小的窗口 48 1.11 设置窗体位置 49 实例039 不可移动的窗体 50 实例040 设置窗体在屏幕中的位置 51 实例041 始终在最上面的窗体 51 1.12 设置窗体大小 52 实例042 限制窗体大小 53 实例043 获取桌面大小 54 实例044 组件大小随窗体的改变而改变 54 实例045 在窗口间移动按扭 55 实例046 如何实现office助手 56 1.13 窗体控制技术 57 实例047 在关闭窗口前加入确认对话框 57 实例048 程序在循环中响应界面操作 58 实例049 使用任意组件拖动窗体 59 实例050 动态创建窗体和释放窗体 60 实例051 修改提示字体及颜色 61 1.14 其他技术 62 实例052 实现标签式的多页面窗体 62 实例053 给mdi窗体加背景 64 实例054 如何关闭mdi类型窗体中的子窗体 65 实例055 利用组件模板实现窗体资源的重复利用 66 2章 控件应用 69 2.1 tedit控件应用典型实例 70 实例056 从右至左输入数据 70 实例057 为tedit控件添加列表选择框 71 实例058 只允许输入数字的tedit组件 72 2.2 tspeedbutton控件应用典型实例 73 实例059 在tspeedbutton按钮中显示图标 73 实例060 折行显示按钮标题 74 2.3 tmemo控件应用典型实例 75 实例061 设置tmemo组件的边界 75 实例062 tmemo组件的光标定位 76 实例063 得到tmemo中的可见行数 77 2.4 tlistbox控件应用典型实例 78 实例064 在tlistbox组件间交换数据
1章 声明和初始化 基本类型 1.1 我该如何决定使用哪种整数类型? 1.2 为什么不精确定义标准类型的大小? 1.3 因为C语言没有精确定义类型的大小,所以我一般都用typedef定义int16和int32。然后根据实际的机器环境把它们定义为int、short、long等类型。这样看来,所有的问题都解决了,是吗? 1.4 新的64位机上的64位类型是什么样的? 指针声明 1.5 这样的声明有什么问题?char*p1,p2;我在使用p2的时候报错了。 1.6 我想声明一个指针,并为它分配一些空间,但却不行。这样的代码有什么问题?char*p;*p=malloc(10); 声明风格 1.7 怎样声明和定义全局变量和函数最好? 1.8 如何在C中实现不透明(抽象)数据类型? 1.9 如何生成“半全局变量”,就是那种只能被部分源文件中的部分函数访问的变量? 存类型 1.10 同一个静态(static)函数或变量的所有声明都必需包含static存类型吗? 1.11 extern在函数声明中是什么意思? 1.12 关键字auto到底有什么用途? 类型定义(typedef) 1.13 对于用户定义类型,typedef和#define有什么区别? 1.14 我似乎不能成功定义一个链表。我试过typedefstruct{char*item;NODEPTRnext;}*NODEPTR;但是编译器报了错误信息。难道在C语言中结构不能包含指向自己的指针吗? 1.15 如何定义一对相互引用的结构? 1.16 Struct{ }x1;和typedefstruct{ }x2;这两个声明有什么区别? 1.17 “typedefint(*funcptr)();”是什么意思? const限定词 1.18 我有这样一组声明:typedefchar*charp;constcharpp;为什么是p而不是它指向的字符为const? 1.19 为什么不能像下面这样在初始式和数组维度值中使用const值?constintn=5;inta[n]; 1.20 constchar*p、charconst*p和char*constp有什么区别? 复杂的声明 1.21 怎样建立和理解非常复杂的声明?例如定义一个包含N个指向返回指向字符的指针的函数的指针的数组? 1.22 如何声明返回指向同类型函数的指针的函数?我在设计一个状态机,用函数表示每种状态,每个函数都会返回一个指向下一个状态的函数的指针。可我找不到任何方法来声明这样的函数——感觉我需要一个返回指针的函数,返回的指针指向的又是返回指针的函数……,如此往复,以至无穷。 数组大小 1.23 能否声明和传入数组大小一致的局部数组,或者由其他参数指定大小的参数数组? 1.24 我在一个文件中定义了一个extern数组,然后在另一个文件中使用,为什么sizeof取不到数组的大小? 声明问题 1.25 函数只定义了一次,调用了一次,但编译器提示非法重声明了。 *1.26 main的正确定义是什么?voidmain正确吗? 1.27 我的编译器总在报函数原型不匹配的错误,可我觉得没什么问题。这是为什么? 1.28 文件中的一个声明就报出奇怪的语法错误,可我看没什么问题。这是为什么? 1.29 为什么我的编译器不允许我定义大数组,如doublearray[256][256]? 命名空间 1.30如何判断哪些标识符可以使用,哪些被保留了? 初始化 1.31 对于没有显式初始化的变量的初始值可以作怎样的假定?如果一个全局变量初始值为“零”,它可否作为空指针或浮点零? 1.32 下面的代码为什么不能编译?intf(){chara[]="Hello,world!";} *1.33 下面的初始化有什么问题?编译器提示“invalidinitializers”或其他信息。char*p=malloc(10); 1.34 chara[]="stringliteral";和char*p="stringliteral";初始化有什么区别?当我向p[i]赋值的时候,我的程序崩溃了。 1.35 chara{[3]}="abc";是否合法? 1.36 我总算弄清楚函数指针的声明方法了,但怎样才能初始化呢? 1.37 能够初始化联合吗? 2章 结构、联合和枚举 结构声明 2.1 structx1{ };和typedefstruct{ }x2;有什么不同? 2.2 这样的代码为什么不对?structx{ };xthestruct; 2.3 结构可以包含指向自己的指针吗? 2.4 在C语言中用什么方法实现抽象数据类型最好? *2.5 在C语言中是否有模拟继承等面向对象程序设计特性的好方法? 2.6 为什么声明externf(structx*p);给我报了一个晦涩
©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值