<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication.WebForm1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>WebForms HTML Example</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h1>Welcome to WebForms HTML Example</h1>
<!-- 服务器控件 -->
<asp:Label ID="lblMessage" runat="server" Text="This is a server control"></asp:Label>
<!-- 标准 HTML 元素 -->
<p>This is a paragraph of standard HTML.</p>
<!-- 使用服务器控件输出动态内容 -->
<asp:Button ID="btnClickMe" runat="server" Text="Click Me" OnClick="btnClickMe_Click" />
</div>
</form>
</body>
</html>
在这个示例中:
- <%@ Page %> 指令指定了页面的语言(C#)、自动事件处理(AutoEventWireup)、代码文件的后端代码(CodeBehind)和代码文件的类名(Inherits)。
- <head> 部分包含了页面的头部信息,其中包括了 <title> 元素。
- <form> 元素定义了页面的主要表单。
- <asp:Label> 是一个服务器控件,用于在页面上显示文本。
- <p> 元素是一个标准的 HTML 段落。
- <asp:Button> 是一个服务器按钮控件,定义了一个按钮,当点击时触发 btnClickMe_Click 事件。
在后端代码文件 WebForm1.aspx.cs 中,你可以编写事件处理方法,例如:
protected void btnClickMe_Click(object sender, EventArgs e)
{
lblMessage.Text = "Button clicked!";
}
这个示例演示了如何在 ASP.NET Web Forms 中结合使用服务器控件和标准 HTML 元素来创建页面。你可以根据实际需求添加更多的控件、样式和脚本,以创建更丰富的用户界面。
转载请注明出处:http://www.pingtaimeng.com/article/detail/15000/ASP.NET Web Forms