用服务器控件实现一个填写用户信息页,包括姓名、年龄、性别、邮编、地址、自我介绍等,点击“提交”按钮,在当前页或另一页显示输入的相关信息。
时间: 2023-07-10 09:13:09 浏览: 194
好的,以下是一个示例的 ASP.NET 网页,可以通过服务器控件实现填写用户信息页,包括姓名、年龄、性别、邮编、地址、自我介绍等,点击“提交”按钮,在当前页或另一页显示输入的相关信息:
```html
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>User Information</title>
</head>
<body>
<form id="userinfo-form" runat="server">
<div>
<h1>User Information</h1>
<div>
<asp:Label ID="lblName" runat="server" Text="Name:"></asp:Label>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblAge" runat="server" Text="Age:"></asp:Label>
<asp:TextBox ID="txtAge" runat="server"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblGender" runat="server" Text="Gender:"></asp:Label>
<asp:RadioButton ID="rdoMale" runat="server" GroupName="gender" Text="Male" />
<asp:RadioButton ID="rdoFemale" runat="server" GroupName="gender" Text="Female" />
</div>
<div>
<asp:Label ID="lblPostcode" runat="server" Text="Postcode:"></asp:Label>
<asp:TextBox ID="txtPostcode" runat="server"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblAddress" runat="server" Text="Address:"></asp:Label>
<asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblIntro" runat="server" Text="Introduction:"></asp:Label>
<asp:TextBox ID="txtIntro" runat="server" TextMode="MultiLine"></asp:TextBox>
</div>
<div>
<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
</div>
</div>
<div>
<asp:Literal ID="litUserInfo" runat="server"></asp:Literal>
</div>
</form>
</body>
</html>
```
在后台代码中,可以通过 `Page_Load` 方法设置页面的初始状态,通过 `btnSubmit_Click` 方法处理提交按钮的点击事件。在 `btnSubmit_Click` 方法中,可以通过服务器控件获取用户输入的信息,并将其显示在页面上。
```csharp
using System;
public partial class UserInfo : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
// 设置页面的初始状态
}
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
string name = txtName.Text;
int age = Convert.ToInt32(txtAge.Text);
string gender = rdoMale.Checked ? "Male" : "Female";
string postcode = txtPostcode.Text;
string address = txtAddress.Text;
string intro = txtIntro.Text;
string userinfo = "<h2>User Information</h2>";
userinfo += "<p>Name: " + name + "</p>";
userinfo += "<p>Age: " + age + "</p>";
userinfo += "<p>Gender: " + gender + "</p>";
userinfo += "<p>Postcode: " + postcode + "</p>";
userinfo += "<p>Address: " + address + "</p>";
userinfo += "<p>Introduction: " + intro + "</p>";
litUserInfo.Text = userinfo;
}
}
```
可以将上述代码保存为一个名为 `UserInfo.aspx.cs` 的文件,并将其与前面的 ASPX 文件放在同一目录下。在浏览器中打开该 ASPX 文件,即可看到一个用户信息输入界面。用户在填写完信息后,点击“提交”按钮,页面会显示用户输入的相关信息。
阅读全文