动态网页设计课件-动态网页设计课件-第5章 服务器控件_第1页
动态网页设计课件-动态网页设计课件-第5章 服务器控件_第2页
动态网页设计课件-动态网页设计课件-第5章 服务器控件_第3页
动态网页设计课件-动态网页设计课件-第5章 服务器控件_第4页
动态网页设计课件-动态网页设计课件-第5章 服务器控件_第5页
已阅读5页,还剩22页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)1第5章常用内置对象5.5用于控制传送的内部控件5.4用于文本输入和显示的控件5.3WEB服务器控件5.2表单5.1任务概述5.6用于选择的内部控件5.7任务实现2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)2本章教学内容表单基础WEB服务器控件工作任务:用ASP.NET控件设计用户注册页面2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)35.1任务概述用户登录或用户注册页面是一个典型的动态页面。本章我们将学习如何用ASP.NET控件,设计“动态”的用户注册页面。2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)45.2表单表单Web页由HTML标记组成,包含在<html>和</html>标记之间表单是Web页的一部分,包含在<form>和</form>标记之间WEB表单具有runat=“server”属性在服务器上运行表单标记格式:

<formrunat="Server">

………</form>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)5HTML服务器控件与WEB服务器控件HTML服务器控件HTML服务器控件就是在HTML标记基础上,加上“runat=server”属性形成的——表示在服务器上执行静态网页中:<inputtype=”text”name=”user”value=”用户名”>ASP.NET网页中,对应的HTML服务器控件为:

<inputtype=”text”id=”user”value=”用户名”

runat=”server”>Web服务器控件是ASP.NET网页上的新型控件,具有强大的页面显示和事件处理能力。2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)65.3WEB服务器控件WEB服务器控件以标记<asp:控件名……>开始控件中包含RunAt=”Server”属性一般也包含Id属性,Id属性用于标识控件。WEB服务器的分类基本WEB控件(内部控件)可以映射到HTML控件的WEB控件列表控件实际上也是一种内部控件用于大量的数据列表显示多功能控件提供一些特定功能的控件,其对应的功能在HTML服务器控件中是没有的,如日历控件、广告控件验证控件提供数据验证的控件2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)7在DreamweaverCS3中使用WEB服务器控件“插入记录”菜单中包含WEB服务器控件的菜单项2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)8DWCS3中常用的ASP.NET控件2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)9DWCS3中ASP.NET标签2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)105.4用于文本输入和显示的控件文本输入控件<asp:textbox>用于文本输入和显示可以实现HTML控件中<inputtype=text>、<inputtype=password>、<textarea>的作用格式: <asp:textboxid=”控件名”

runat=”server”text=”文本内容”></asp:textbox>或 <asp:textboxid=”控件名”

runat=”server”text=”文本内容”

/>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)11<Formrunat=”server”>标记如果是第一次加入WEB服务器控件,DWCS3还会自动在网页代码中加入<Formrunat=”server”>标记红色的虚线框代表表单。2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)12DreamweaverCS3中的ASP.NET文本控件设计窗口2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)13标签控件<asp:label>用于文本的显示在页面的某个特定位置显示文本信息格式:<asp:labeloptions1>text</asp:label>或<asp:labeloptions2/>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)145.5用于控制传送的控件包括:<asp:button…><asp:linkButton…><asp:imageButton…><asp:hyperLink…>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)15按钮控件<asp:button>格式:<asp:buttonid=”控件名”

runat=”server”text=”按钮面板上的文字”

onClick=”事件名”

/>设计窗口:2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)16按钮控件的标签编辑器窗口2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)17链接按钮控件<asp:linkbutton>显示效果与链接类似,但是会触发服务器端事件。格式为:<asp:linkbuttonid=”控件名”

runat=”server”text=”按钮面板上的文字”

onClick=”事件名”

/>设计窗口:2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)18图片按钮控件<asp:imagebutton>图片形式的按钮触发事件格式为:<asp:imagebuttonid=”控件名”

runat=”server”imageUrl=”图片的路径”

onClick=”事件名”

/>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)19超链接控件<asp:hyperlink>Hyperlink控件用于创建超链接,可以是文本超链接,也可以是图片超链接。格式为: <asp:hyperlinkid=”控件名”

runat=”server”

Text=”控件上显示的文字” NavigateUrl=”链接的网址” imageUrl=”当用图片代替文本来描述链接时,图片的路径”

target=”打开链接的窗口”

/>

2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)205.6用于选择的内部控件复选控件(CheckBox)CheckBoxList单选控件(RadioButton)RadioButtonList下接列表2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)21复选框<asp:checkbox>格式为:<asp:checkBoxid=”控件名”

runat=”server”

autoPostBack=”是否回发事件(True|False)”checked=”是否被选中(True|False)”

text=”控件的标题文字”textAlign=”控件的对齐方式(Right|Left)”onCheckedChanged=”事件响应函数的名字”/>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)22复选框列表<asp:checkboxlist>格式为:<asp:checkBoxListid=”控件名”

runat=”server”

autoPostBack=”是否回发事件(True|False)”textAlign=”控件的对齐方式(Right|Left)”cellPadding=”控件显示时各个选项之间的距离值”dataSource=”<%数据绑定表达式%>”dataTextField=”绑定字段”datatValueField=”绑定字段”repeatColumns=”列表项的列数”repeatDirection=”列表项的方向(Vertical|Horizontal)”repeatLayout=”列表项的呈现方式(Flow|Table)”onSelectedIndexChanged=”事件响应函数的名字”

> <asp:listitemvalue=”列表项的关联值”

Text=”列表项的文本” selected=”是否被选中(True|False)”

/></asp:checkBoxList>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)23单选按钮<asp:radiobutton>格式为:<asp:radioButtonid=”控件名”

runat=”server”

autoPostBack=”是否回发事件(True|False)”checked=”是否被选中(True|False)”groupName=”控件组的名字”

text=”控件的标题文字”textAlign=”控件的对齐方式(Right|Left)”onCheckedChanged=”事件响应函数的名字”

/>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)24单选按钮列表<asp:radiobuttonlist>格式为:<asp:radioButtonListid=”控件名”

runat=”server”

autoPostBack=”是否回发事件(True|False)”textAlign=”控件的对齐方式(Right|Left)”cellPadding=”控件显示时各个选项之间的距离值”dataSource=”<%数据绑定表达式%>”dataTextField=”绑定字段”datatValueField=”绑定字段”repeatColumns=”列表项的列数”repeatDirection=”列表项的方向(Vertical|Horizontal)”repeatLayout=”列表项的呈现方式(Flow|Table)”onSelectedIndexChanged=”事件响应函数的名字”

> <asp:listitemvalue=”列表项的关联值”

Text=”列表项的文本” selected=”是否被选中(True|False)”

/></asp:radioButtonList>2026/2/10动态网页设计(DreamweaverCS3+ASP.NET)25下拉列表控件<asp:dropdownlist>格式为:<asp:dropDownListid=”控件名”

runat=”server”

autoPostBack=”是否回发事件(True|False)”dataSource=”<%数据绑定表达式%>”dataTextField=”绑定字段”datatValueField=”绑定字段”rows=”列表项的行数”selectionMode=”选择模式(Single|Multiple)”onSelec

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论