HTML服务器控件

上-页
下-页
返回
5.2 HTML服务器控件


5.2.4 图形控件Htmllmage
图形控件Htmllmage用于在网页上显示一个图形，其标 记为<img>。它常见的属性有src、height和width等。 ①src属性：用于指定图形的来源地址。 ②height属性：用于指定图形显示的高度，单位是像素 或者是用图形的百分比来表示。 ③width属性：用于指定图形显示的宽度，单位是像素或 者是用图形的百分比来表示。 例5.3代码如T-3 浏览网页，可以看到如图5-5所示的页面。

上-页
下-页
返回
5.3 Web服务器控件

runat=”server” ImageUrl=”图片所在的位置” AlternateText=”当图片不存在时要显示的替代文字” ImageAlign=”图片与旁边文字的对齐格式” /> 其中，对于ImageAlign属性值的设置，可以见表5.3。
5.3.1

Label控件

Label控件是一个标签控件，用于在Web上显示提示信 息。主要使用Text属性，此属性可以在编程时动态设置。 其语法形式如下：
下-页
返回
5.3 Web服务器控件

<asp: Label ID=控件名称 Runat=server Text=”显示文字”／> 例5.8代码如T-8 浏览网页，可以看到如图5-11所示的页面。



5.2.7 InputHidden控件
上-页 下-页 返回
5.2 HTML服务器控件

可以用隐藏输入控件来处理一些要传送而又不想在页面上 显示出来的信息。 例5.6代码如T-6 输入InputHidden，单击“确定”按钮则显示出默认的 隐藏值，如图5-8所示。


5.2.8 HtmITable控件
下-页
返回
5.1 服务器控件简介




另外，还可以发现浏览器的代码中增服务器控件 可以分为两大类：HTML服务器控件和Web服务器控件。 将普通的HTML元素转化为HTML服务器控件一般可以通过 下面两步实现。 ①在普通的HTML元素中添加runat-”server”属性，表示 该元素在服务器端执行。 ②设置ID属性，标识服务器控件的身份，方便编程引用。 例如： <INPUT type= "button“ value=“提交”>
上-页
返回
5.2 HTML服务器控件

HTML服务器控件System.Web.ULHtmIControls 类继承而来的，整个控件组在System.Object类中的位IAnchor
HtmIAnchor是HTML标记<A>的控制元件，用于在 网页上显示一个超链接，属性有Href、Target、Title等， 它们的作用如下。 ①Href属性：用来指定链接的地址。 ②Target属性：用来指定网页所显示的框架位置。 ③Title属性：用来指定链接文字的说明。 例5.1代码如T-1



上-页
下-页
返回
5.3 Web服务器控件

浏览网页，可以看到如图5-15所示的页面。


5.3.7 ImageButton控件
ImageButton控件与LinkButton控件和Button控 件相比，它的单击事件还提供了单击图像时鼠标位置的x、y 坐标，所有ImageButton控件单击事件类型必须为 ImageClickEventArgs才可以。 其语法形式如下： <asp: ImageButton ID=控件名称 runat=”server-
上-页 下-页 返回
5.2 HTML服务器控件

浏览网页，可以看到如图5-7所示的页面。


5.2.6 TextArea控件
像在HTML中的一样，在中的TextArea也是 一个多行文本框。TextArea的宽度由它的Cols属性决定， 长度由Rows属性决定。 它的语法形式如下： < textarea id=valuel cols=value2 rows =value3 …… runat=server />
上-页 下-页 返回


5.2 HTML服务器控件


Postedfile=value4 Runat=”server-> 其中各个参数的含义如下。 ①Maxlength：设置或取得上传文件的最大路径长度。 ②Size:设置或取得上传文件所显示的文本框的大小。 ③Postedfile：上传服务器的文件对象，此对象属于 HttpPostedFile数据类型。 例5.4代码如T-4 浏览网页，可以看到如图5-6所示的页面。


5.3.5 HyperLink控件
HyperLink控件是用来产生超级链接的控件，相当于 HTML中的<a>标记，其语法形式如下：

上-页
下-页
返回
5.3 Web服务器控件

<asp: Image ID=控件名称 runat=”serverText=”超链接显示文字” NavigateUrlUrl=”要链接的网址” Target=”超链接内容所要显示的窗口” ImageUrl=”图片所在的位置” 例5.11代码如T-10 浏览网页，可以看到如图5-14所示的页面。
上-页
下-页
返回
5.3 Web服务器控件


5.3.6 LinkButton控件
LinkButton控件是一个链接按钮控件，在Web页面上 显示为一个具有超链接样式的按钮。其语法形式如下： <asp: Image ID=控件名称 runat=”server” Text=”按钮文字” OnClick=”处理此事件的程序” ／> 例5.12代码如T-11


5.3.2 TextBox控件
TextBox控件是一个文本框控件，可以采用输入单行文 本、密码和多行文本。默认情况下为单行文本，可以通过设 置TextMode属性来实现输入模式的改变。 例5.9代码如T-9

上-页
下-页
返回
5.3 Web服务器控件

浏览网页，可以看到如图5-12所示的页面。

上-页
下-页
返回
5.1 服务器控件简介



由于HTML元素、HTML服务器控件和Web服务器控件 的功能有些部分是重合的，那么该如何进行选择呢？ 一般情况下，可以坚持下面的原则。 ①显示或处理静态内容，使用传统的HTML元素，能够节 省大量资源，减少服务器编译量，从而减轻服务器压力。 ②ASP程序转为程序时，可以使用HTML服务 器控件，因为从元素转到HTML服务器控件比较简单，只要 在标签中添加runat-”server”属性即可。 ③新建程序时，建议使用Web服务器控件， 因为它是微软最新技术并具有更强大的功能，符合未来发展 方向，也是微软推荐使用的方案。
上-页
下-页
返回
5.2 HTML服务器控件



2．Htmllnputlmage控件 当Input控件的type属性被设置为image时，就成了一 个图像按钮控件，不同于HtmIButton控件的是，所有的 浏览器都支持Htmllnputlmage控件。 它的语法形式如下： <input type=image Id=valuel Src=url OnServerClick=value2 Runat=“server” 例5.5代码如T-5
HtmITable服务器控件能轻松地创建表格的行和列，也 可以按照程序的模式自动生成表格。 例5.7代码如T-7 浏览网页，可以看到如图5-9所示的页面。

上-页
返回
5.3 Web服务器控件


Web服务器控件是.NET全力打造的新控件组，这套控件 功能更强大、设计更合理、使用更方便，在进行.NET开发时， 建议多使用Web服务器控件。 Web服务器控件具有很多相同的属性和方法，在单独学 习每一个控件之前，先对这些属性和方法有个大致的了解， 如表5.1所示。
上-页
下-页
返回
5.1 服务器控件简介




转化为服务器控件为： <INPUT ID=“buttonl” type=“button” value=“提交”runat=“server” Web服务器端控件有很多优点。 ①更丰富且统一的对象模型。 ②自动检查浏览器类型。： ③可以保存状态到ViewState里。： 另外，Web服务器端控件还增加了绑定数据、选择日期 等常用窗体功能控件。



上-页
下-页
返回
5.2 HTML服务器控件


5.2.5 Htmllnput控件
1．HtmllnputFile控件 当Htmllnput控件的属性被设置为file时，就可从浏览 器的客户端向服务器上传文件。 ①需要将服务器端保存文件的目录设置为任何人可以存取。 ②表单的Enctype属性需要设定为“multiparUformdata”。其语法格式如下： <input type=file Id=valuel Maxlength=value2 Size=value3
下-页 返回

5.2 HTML服务器控件

浏览网页，可以看到如图5-3所示的页面。


5.2.2 表单控件HtmIForm
表单控件HtmIForm的作用是用来实现一个表单，标记 是<form>。 ①method属性：用于指定信息从浏览器传到服务器的 方法，它的取值有get和post，其中默认值为post。 ②action属性：用于指定提交表单信息时，处理表单信 息的页面地址。默认的页面地址是当前页面地址。


上-页
下-页
返回
5.2 HTML服务器控件






5.2.3 按钮控件HtmIButton 按钮控件HtmIButton用于在网页上显示一个按钮，其标 记为<button>。HtmIButton控件的主要方法有 ①OnServerClick方法：用于指定处理单击事件的函数。 ②OnMouseOver方法：用于指定处理鼠标移动到按钮 上之后的事件的函数。 ③OnMouseOut方法：用于指定处理鼠标移出按钮的事 件的函数。 例5.2代码如T-2 浏览网页，可以看到如图5-4所示的页面。
第5章 服务器控件

5.1 服务器控件简介 5.2 HTML服务器控件 5.3 Web服务器控件
5.1 服务器控件简介



服务器控件是在服务器端执行的控件，在客户端浏览器中， 服务器控件的外观由HTML代码来表现。服务器控件执行时， 首先在服务器端被编译，再根据客户的浏览器版本，自动生 成适合浏览器的HTML代码。 用服务器控件设计一个简单的企业信息页面，显示结果如 图5-1所示。 通过图5-1可以看出这里使用了3种控件，分别是Label、 TextBox和DropDownList，在源码中它们都有<asp: 控件类型><／asp：控件类型>包含起来，并且有属性 runat=“server”，表示是服务器控件。但在浏览器端都由 HTML标记代替。

上-页
下-页
返回
5.3 Web服务器控件

ImageUrl=”图片所在的位置” OnClick=”处理此事件的程序”


5.3.8 CheckBox控件和 CheckBoxList控件
CheckBox的使用比较简单，主要使用ID属性和Text 属性。 其语法形式如下： <asp: CheckBox ID=控件名称 Runat=”serverText=”要显示的文字”

5.3.3 Button控件
按钮控件的目的是使用户对页面的内容做出判断，当单击 按钮后，页面会对用户的选择作出一定的反应，达到与用户 交互的目的。按钮控件的使用虽然很简单，但是按钮控件却 是最常用的服务器控件之一。 5.3.4 Image控件 Image控件的作用是显示图片，它的语法形式如下： <asp: Image ID=控件名称
上-页 下-页



返回
5.3 Web服务器控件

TextAlign=”文字对齐方式” Checked=”设置是否为默认选中” AutoPostBack=¨True或False” OnCheckedChanged=”此事件处理程序”／> 例5.14代码如T-12