ASP.Net Web开发基础 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

HTML服务器控件

ASP.NET之所以开发方便快捷,部分原因在于它有一组强大的控件库,包括HTML服务器控件、Web服务器控件、有效性验证控件、用户自定义控件。

HTML服务器控件

在ASP.NET中,HTML元素是作为文本来处理的,通过向这些HTML元素添加 runat="server"属性,可将普通的HTML元素转化为HTML服务器控件。HTML服务器控件可以通过服务器端代码对控件的属性进行操作,并可以绑定相应的服务器端事件处理过程对事件进行响应和处理。

HTML控件的常用属性有ID、Visible、Disabled、Vaule、InnerHtml、InnerText等。所有HTML服务器控件都是从System.Web.UI.Control类派生而来的,如下图所示为HTML服务器控件的对象层次结构:

HTML 服务器控件

可见,HTML服务器控件可分为输入控件、容器控件、图形控件三大类。HTML服务器控件的具体使用类似于以往的HTML控件,虽然具有了服务器端对象的属性,但没有丰富的功能。看下面的一个例程:

<form id="form1" runat="server">
    <div>                
    <table style="width: 56%;" runat=server>
    <tr>
        <td>用户名:</td>
        <td> <input id="Text2" type="text"  runat="server"/></td>
    </tr>
    <tr><td class="style1">密 码:</td>
        <td> <input id="Password1" type="password" runat="server" /></td>
    </tr>
    <tr>
    <td colspan="2"><input id="Submit1" type="submit" value="submit"   runat="server"  onserverclick="Submit1_ServerClick"/></td>
    </tr>
    </table>
    </div>
</form>

上述代码是一个简单的登录框,点击提交按钮提交表单后,转入服务器端Submit1_ServerClick事件对其进行处理。

查看WebForm2.aspx、WebForm2.aspx.designer.cs、WebForm2.aspx.cs,尝试添加HTML 服务器控件,以及事件处理的应用。