WebForms TextBox 学习笔记

什么是 WebForms TextBox？

WebForms TextBox 是一个用于输入和显示文本的 ASP.NET 控件。它可以用于在网页上收集用户输入，也可以用于展示系统生成的数据。

如何使用 WebForms TextBox？

在前端页面中添加一个 WebForms TextBox 控件的步骤如下：

打开你的 ASP.NET 网页
使用 <asp:TextBox> 标记来定义一个 TextBox 控件：

Copy Code
<asp:TextBox id="myTextBox" runat="server"></asp:TextBox>

控件定义完成后，你可以通过访问 myTextBox 的属性和方法来修改其外观和行为。例如，你可以使用 Text 属性来设置或获取 TextBox 中的文本。

实例演示

以下是一个简单的 WebForms TextBox 示例，它在用户输入姓名和电子邮件地址之后，将这些信息存储到服务器端，并显示出来。

htmlCopy Code
<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>WebForms TextBox 示例</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <p>请输入您的姓名：</p>
            <asp:TextBox id="NameTextBox" runat="server"></asp:TextBox>
            <br />

            <p>请输入您的电子邮件地址：</p>
            <asp:TextBox id="EmailTextBox" runat="server"></asp:TextBox>
            <br />

            <asp:Button id="SubmitButton" runat="server" OnClick="SubmitButton_Click" Text="提交" />
        </div>

        <hr />

        <div>
            <h2>已提交的信息：</h2>
            <p>姓名： <asp:Literal ID="NameLabel" runat="server"></asp:Literal></p>
            <p>电子邮件地址： <asp:Literal ID="EmailLabel" runat="server"></asp:Literal></p>
        </div>
    </form>
</body>
</html>

在代码中，我们使用了 <asp:TextBox> 标记来定义两个文本框，用于收集用户输入的姓名和电子邮件地址。当用户点击提交按钮时，我们将这些信息存储到服务器端，并在页面上展示出来。其中，

OnClick 属性指定了按钮被点击时要执行的方法 SubmitButton_Click；
NameTextBox 和 EmailTextBox 分别代表了两个文本框控件；
NameLabel 和 EmailLabel 分别代表了用于展示已提交的姓名和电子邮件地址的标签。

接下来，我们看一下后端代码：

csharpCopy Code
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void SubmitButton_Click(object sender, EventArgs e)
    {
        string name = NameTextBox.Text;
        string email = EmailTextBox.Text;

        NameLabel.Text = name;
        EmailLabel.Text = email;
    }
}

在后端代码中，我们通过 TextBox.Text 属性获取了用户输入的信息，并将它们展示在了页面上。这样，我们就完成了一个简单的 WebForms TextBox 示例。