HTML服务器端控件与HTML标记的关系.ppt

第3章ASP.NET服务器端控件 本章要点 了解Web Form的基本概念 了解控件基本概念 了解HTML普通控件 了解HTML服务器端控件 ?掌握Web控件的使用方法 3.1 Web Form的基本概念 在ASP.NET中，一个网页或窗口被看成是一个Web Form(网页表单)。Web Form把Web应用程序的用户界面分割成两部分：可视化用户组件界面(Visual Component)部分和接口逻辑(User Interface Logic)部分。其中，前者指包含HTML标记及服务器端控件声明的部分（也就是浏览器中看到的部分），这部分就好像是一个大容器，开发者可以在其中放入各种ASP.NET控件。而后者是指由开发者编写的用于与网页表单交互的代码。正如第一章所介绍的那样：如果使用普通的文本编辑器进行设计，则上述两个部分放在同一个文件中，并以ASPX作为后缀。如果使用的是Visual Studio.NET进行设计，则可视化组件与接口逻辑将分处于不同的文件中。 3.2 控件概述 控件:普通HTML控件、HTML服务器控件、Web服务器控件、自定义控件 在ASP中使用的HTML普通控件有input类型(具体有：button checkbox file hidden image password radio reset submit text)，select和textarea类型，(严格地说，以上所列12种控件仅是HTML标记，还谈不上是控件，在不和Script脚本配合的情况下，仅有属性，不具有对象以及事件和方法的处理)。在ASP.NET中仍然兼容这些控件，同样可以使用原先的这些标注及相应的各种属性，按照语法规则，编写客户端的页面文档 3.2.1 HTML普通控件 脚本代码如下： HTMLHEADTITLEbiaodan/TITLE meta content=text/html; charset=gb2312 http-equiv=Content-Type style type=“text/css” body {font-family:宋体; font-size:20px} /style script language=“JavaScript” function fCheck() { alert(“您输入的姓名：” + document.form1._xm.value); } /script/HEAD BODY bgColor=#D9DCFF P align=centerBFONT color=#8000ff face=华文彩云bigbigbig 欢迎您进入紫莎调查网/big/big/big/FONT/B/P FORM action=/099/Debug.aspx method=post name=form1 P align=centerB请输入您的姓名:/B INPUT name=_xm type=text size=12/P P align=centerB请输入通行密码:/B INPUT name=2mm type=password size=12/P 转下页 P align=centerB性别:/B INPUT name=3r type=radio value=男 checked男 INPUT name=3r type=radio value=女女/P P align=centerB请选择您喜欢的颜色:/B INPUT name=4c type=checkbox value=红 checked红 INPUT name=4c type=checkbox value=黄黄 INPUT name=4c type=checkbox value=绿绿 INPUT name=4c type=checkbox value=蓝 checked 蓝 nbsp;/P P align=centerB请选择您喜欢的饰物:/B SELECT name=5s OPTION selected value=毛绒玩具毛绒玩具/OPTION OPTION value=八音盒八音盒/OPTION OPTION value=神奇书包神奇书包/OPTION/SELECTnbsp;/P P align=centerB请传入文件: INPUT name=6f type=file size=30/B/P P align=centerB请输入您的要求和意见: /Bnbsp; BRTEXTAREA name=7t cols=56 rows=4/TEXTAREABR INPUT name=8h type=hidden value=祝老师身体健康，工作顺利! P align=center INPUT n