目录
ASP.NET Web Forms - HTML 服务器控件
ASP.NET Web Forms - Validation 服务器控件
ASP.NET Web Forms的介绍与使用
前言
ASP.NET Web Forms 是 Microsoft 的一个开发框架,用于构建动态网站和 Web 应用程序。它提供了一个基于事件的编程模型,并包括了许多预先构建的控件,这些控件可以很容易地拖放到 Web 页面上,并通过代码进行编程。Web Forms 允许开发人员使用类似于传统桌面应用程序开发的方式来构建 Web 应用程序,同时也利用了 Web 的开放性和广泛的平台支持。
ASP.NET Web Forms - HTML 服务器控件
1.HTML 服务器控件介绍
在ASP.NET Web Forms中,HTML服务器控件是一种特殊的HTML元素,可以在服务器上执行操作并与服务器端代码进行交互。它们与传统的HTML控件相似,但具有额外的功能和属性,使其能够在服务器端进行处理和操作。
HTML服务器控件通过在控件标记中添加“runat="server"”属性来标识。这个属性告诉ASP.NET引擎将该控件视为服务器控件,并在服务器端进行处理。
注释:所有 HTML 服务器控件必须位于带有 runat="server" 属性的 <form> 标签内!
注释:ASP.NET 要求所有 HTML 元素必须正确关闭和正确嵌套。
2.HTML 服务器控件具体展示
以下是一些常见的HTML服务器控件的示例:
1.服务器端文本框(TextBox):
<asp:Label ID="lblMessage" runat="server" Text="Hello, World!"></asp:Label>
2.服务器端按钮(Button):
<asp:Button ID="btnSubmit" runat="server" Text="Submit"></asp:Button>
3.服务器端标签(Label):
<asp:Label ID="lblMessage" runat="server" Text="Hello, World!"></asp:Label>
4.服务器端下拉列表(DropDownList):
<asp:DropDownList ID="ddlOptions" runat="server">
<asp:ListItem Text="Option 1" Value="1"></asp:ListItem>
<asp:ListItem Text="Option 2" Value="2"></asp:ListItem>
</asp:DropDownList>
3.HTML 服务器的控件功能
HTML 服务器控件 | 描述 |
---|---|
HtmlAnchor | 控制 <a> HTML 元素 |
HtmlButton | 控制 <button> HTML 元素 |
HtmlForm | 控制 <form> HTML 元素 |
HtmlGeneric | 控制其他未被具体的 HTML 服务器控件规定的 HTML 元素,比如 <body>、<div>、<span> 等。 |
HtmlImage | 控制 <image> HTML 元素 |
HtmlInputButton | 控制 <input type="button">、<input type="submit"> 和 <input type="reset"> HTML 元素 |
HtmlInputCheckBox | 控制 <input type="checkbox"> HTML 元素 |
HtmlInputFile | 控制 <input type="file"> HTML 元素 |
HtmlInputHidden | 控制 <input type="hidden"> HTML 元素 |
HtmlInputImage | 控制 <input type="image"> HTML 元素 |
HtmlInputRadioButton | 控制 <input type="radio"> HTML 元素 |
HtmlInputText | 控制 <input type="text"> 和 <input type="password"> HTML 元素 |
HtmlSelect | 控制 <select> HTML 元素 |
HtmlTable | 控制 <table> HTML 元素 |
HtmlTableCell | 控制 <td> 和 <th> HTML 元素 |
HtmlTableRow | 控制 <tr> HTML 元素 |
HtmlTextArea | 控制 <textarea> HTML 元素 |
ASP.NET Web Forms - Web 服务器控件
1.Web 服务器控件的介绍
ASP.NET Web Forms 中的 Web 服务器控件是专门为 ASP.NET 设计的控件,它们提供了比 HTML 控件更丰富和强大的功能。这些控件可以自动生成相应的 HTML,并且可以与服务器端代码进行交互,以实现更复杂的业务逻辑和用户界面功能。
2. Web 服务器控件的具体展示
以下是一些常见的 Web 服务器控件的示例:
-
TextBox 控件:用于输入文本的控件:
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
-
Button 控件:用于提交表单或触发服务器端事件的控件:
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click"></asp:Button>
-
Label 控件:用于显示文本的控件:
<asp:Label ID="lblMessage" runat="server"></asp:Label>
-
DropDownList 控件:用于显示下拉列表的控件:
<asp:DropDownList ID="ddlOptions" runat="server"> <asp:ListItem Text="Option 1" Value="1"></asp:ListItem> <asp:ListItem Text="Option 2" Value="2"></asp:ListItem> </asp:DropDownList>
-
Repeater 控件:用于动态生成重复元素的控件:
<asp:Repeater ID="rptItems" runat="server"> <ItemTemplate> <asp:Label ID="lblItem" runat="server" Text='<%# Eval("Name") %>'></asp:Label> </ItemTemplate> </asp:Repeater>
3.Web 服务器的控件功能
Web 服务器控件 | 描述 |
---|---|
AdRotator | 显示一个图形序列 |
Button | 显示下压按钮 |
Calendar | 显示日历 |
CalendarDay | calendar 控件中的一天 |
CheckBox | 显示复选框 |
CheckBoxList | 创建多选的复选框组 |
DataGrid | 显示 grid 中数据源的字段 |
DataList | 通过使用模版显示数据源中的项目 |
DropDownList | 创建下拉列表 |
HyperLink | 创建超链接 |
Image | 显示图像 |
ImageButton | 显示可点击的图像 |
Label | 显示可编程的静态内容(使您对其内容应用样式) |
LinkButton | 创建超链接按钮 |
ListBox | 创建单选或多选的下拉列表 |
ListItem | 创建列表中的一个项目 |
Literal | 显示可编程的静态内容(无法使您对其内容应用样式) |
Panel | 为其他控件提供容器 |
PlaceHolder | 为由代码添加的控件预留空间 |
RadioButton | 创建单选按钮 |
RadioButtonList | 创建单选按钮组 |
BulletedList | 创建项目符号格式的列表 |
Repeater | 显示绑定到控件的项目的重复列表 |
Style | 设置控件的样式 |
Table | 创建表格 |
TableCell | 创建表格单元格 |
TableRow | 创建表格行 |
TextBox | 创建文本框 |
Xml | 显示 XML 文件或 XSL 转换的结果 |
ASP.NET Web Forms - Validation 服务器控件
1.Validation 服务器控件介绍
Validation 服务器控件用于验证输入控件的数据。如果数据未通过验证,则向用户显示错误消息。
2.Validation 服务器控件的具体展示
-
RequiredFieldValidator 控件:用于确保用户必须填写某个控件的值。如果该控件的值为空,则验证失败,并显示一条错误消息。
<asp:TextBox ID="txtName" runat="server"></asp:TextBox> <asp:RequiredFieldValidator ID="rfvName" runat="server" ControlToValidate="txtName" ErrorMessage="Name is required."></asp:RequiredFieldValidator>
-
RangeValidator 控件:用于确保用户输入的值在指定的范围内。如果值超出范围,则验证失败,并显示一条错误消息。
<asp:TextBox ID="txtAge" runat="server"></asp:TextBox> <asp:RangeValidator ID="rvAge" runat="server" ControlToValidate="txtAge" MinimumValue="18" MaximumValue="60" ErrorMessage="Age must be between 18 and 60."></asp:RangeValidator>
-
RegularExpressionValidator 控件:用于使用正则表达式验证用户输入的值是否符合特定的模式。如果值不符合模式,则验证失败,并显示一条错误消息。
<asp:TextBox ID="txtEmail" runat="server"></asp:TextBox> <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ErrorMessage="Invalid email address."></asp:RegularExpressionValidator>
-
CustomValidator 控件:用于自定义验证逻辑。您可以在服务器端代码中编写自己的验证逻辑,并在验证失败时显示自定义的错误消息。
<asp:TextBox ID="txtCustom" runat="server"></asp:TextBox> <asp:CustomValidator ID="cvCustom" runat="server" ControlToValidate="txtCustom" OnServerValidate="cvCustom_ServerValidate" ErrorMessage="Invalid input."></asp:CustomValidator>
3.Validation 服务器的控件功能
Validation 服务器控件 | 描述 |
---|---|
CompareValidator | 把一个输入控件的值与另一个输入控件的值或一个固定的值进行对比 |
CustomValidator | 允许您编写一个方法,来处理输入值的验证 |
RangeValidator | 检查用户输入值是否介于两个值之间 |
RegularExpressionValidator | 确保输入控件的值匹配指定的模式 |
RequiredFieldValidator | 使输入控件成为必需(必填)的字段 |
ValidationSummary | 显示网页中所有验证错误的报告 |
总结
本期分享到此结束了,希望大家好好学习,了解更多知识