HTML控件和验证控件.pptx
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《HTML控件和验证控件.pptx》由会员分享,可在线阅读,更多相关《HTML控件和验证控件.pptx(36页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、ACCP V4.0第四章第四章HTML控件和验证控件ACCP V4.0回顾q在ASP.NET中,控件分成HTML服务控件和Web服务控件两种q所有的ASP.NETWeb服务器控件都派生自System.Web.UI.WebControls命名空间q使用Web服务器控件需要注意AutoPostBack的使用qWeb服务器控件可以分为:q文本输入控件q控制权转移控件q选择控件q容器控件q其它专用控件2ACCP V4.0目标q使用各种HTML控件q理解HTML控件和Web控件的区别q使用各种验证控件3ACCP V4.0ASP.NETHTML控件简介qHTML服务器控件是由ASP.NET更新的标准HTM
2、L标签,通过添加runat=“server”属性将其用作服务器控件HTML标签runat=serverHTML服务器控件qHTML服务器控件属于System.Web.UI.HTMLControls命名空间,派生自HTMLControl基类4ACCP V4.0HTML控件与Web控件的区别3-1HTML控件控件1.比较灵活2.功能较少3.在客户端运行窗体且不需用户结合多种功能时使用4.4.可用来将ASP应用程序导入ASP.NETWeb控件控件1.具备多种控件编程功能2.包含大量控件3.在服务器端运行窗体时使用4.具备更加完善的功能来处理存储在数据库中的数据5.可在可视化设计环境中使用5ACCP
3、V4.0q往返过程:浏览器向用户显示一个窗体,用户与该窗体进行交互,这导致该窗体回发到服务器。但是,因为与服务器组件进行交互的所有处理必须在服务器上发生,这意味着对于要求处理的每一操作而言,必须将该窗体发送到服务器、进行处理、然后返回到浏览器。HTML控件与Web控件的区别3-26ACCP V4.0q无状态性:客户端向服务器发送一个请求(譬如你在IE栏输入网址,回车),服务器接到请求,响应请求(处理事件),服务器完成处理后将生成的web页发送回浏览器,然后就清除该页的信息,释放服务器资源。服务再等待下一次请求,即使下一次是请求同一页,服务器重新开始创建和处理该页。服务器就是这样不停的重复这一过
4、程。服务器不记录页面的状态或信息的特性我们就称之为“无状态性”。HTML控件与Web控件的区别3-37ACCP V4.0HTML服务器控件的类型HTML控件控件HtmlAnchorHtmlButtonHtmlFormHtmlImageHtmlInputButtonHtmlInputFileHtmlInputImageHtmlInputRadioButtonHtmlInputTextHtmlTable8ACCP V4.0HtmlForm控件2-1q此控件是一种服务器控件,用于表示可作为容器容纳Web页面中各种元素的窗体q所有HTML控件和Web控件均置于HTMLForm控件内qHtmlForm控
5、件由以下标签表示:formid=“id名称method=POST/GETaction=“目的页面的URLrunat=server9ACCP V4.0用户界面HtmlForm控件2-2privatevoidbtnSubmit_ServerClick(objectsender,System.EventArgse)lblSubmit.InnerHtml=此按钮为“提交”按钮!;privatevoidbtnClear_ServerClick(objectsender,System.EventArgse)lblClear.InnerHtml=此按钮为“清除”按钮!;窗体的输出结果10ACCP V4.0H
6、tmlImage控件2-1q此控件是用于显示图像的一种服务器端控件q它可以动态设置并获取来源、宽度、高度、边框宽度、备用文本和对齐方式等各种图像属性qHtmlImage控件由以下标签表示:imgid=“id名称”alt=“替代文本runat=serveralign=left/right/top/middle/bottomborder=“边框宽度height=“图像高度src=“图像URLwidth=“图像宽度11ACCP V4.0HtmlImage控件2-2privatevoidbtnChange_ServerClick(objectsender,System.EventArgse)if(in
7、t.Parse(ViewStateCount.ToString()%2=1)imgShow.Src=imagesflower.gif;elseimgShow.Src=imagesfinger.gif;ViewStateCount=int.Parse(ViewStateCount.ToString()+1;12ACCP V4.0HtmlInputFile控件2-1q此控件用于将文件从ASP.NET页面上载到服务器中q此控件将显示一个文本框和一个浏览按钮,以便上载文件qHtmlInputFile控件由以下标签表示:13ACCP V4.0HtmlInputFile控件2-2privatevoidbt
8、nUpload_ServerClick(objectsender,System.EventArgse)stringstrFileName=this.File1.PostedFile.FileName;intnLength=strFileName.Length-strFileName.LastIndexOf()-1;strFileName=strFileName.Substring(strFileName.LastIndexOf()+1,nLength);stringstrPath=Server.MapPath()+Upload;File1.PostedFile.SaveAs(strPath+s
9、trFileName);14ACCP V4.0ASP.NET中的验证控件q为使用户更正输入错误或无效的数据,始终需要对用户输入的数据进行检查并显示错误消息q验证将由在客户端或服务器中运行的验证代码执行qASP.NET提供了许多验证控件,用以检查输入并使验证数据更加简单方便q与其他服务器控件一样,验证控件也被添加在ASP.NET页面中15ACCP V4.0ASP.NET中的验证控件验证控件控件RequiredFieldValidatorCompareValidatorRangeValidatorRegularExpressionValidatorCustomValidatorValidation
10、Summary16ACCP V4.0RequiredFieldValidator控件3-1q此控件用于检查任何窗体控件中是否包含值q如果控件中不含任何值,则会生成错误消息提交窗体提交窗体这些字段中是否有任何字段为空?方法方法Validate属性属性ControlToValidateErrorMessageText17ACCP V4.0RequiredFieldValidator控件3-2将所有控件放入窗体,同时应验证姓名和年龄输入是否为空从工具箱中选择RequiredFieldValidator控件为每个文本框置入一个RequiredFieldValidator控件,并按下一页所示设置各个控件
11、的属性18ACCP V4.0RequiredFieldValidator控件3-3属性值IdRFV1ControlToValidatetxtNameText请输入姓名!ForeColorRed属性值IdRFV2ControlToValidatetxtAgeText*ErrorMessage请输入年龄!ForeColorRed姓名字段中含有一个值,因此验证后未显示错误年龄字段为空,因此验证后显示错误消息19ACCP V4.0CompareValidator控件3-1q将一个窗体字段中输入的值与一个固定值或另一个控件中输入的值进行比较,并检查值的类型检查ID是否为数字检查日期是否有效检查截止日期是
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 控件 验证
![提示](https://www.deliwenku.com/images/bang_tan.gif)
限制150内