asp.net 中将表单提交到另一页 Code-Behind（代码和html在不同的页面）

要将表单提交到另一页Code-Behind中，需要执行以下步骤：

1. 设置HTML表单

在HTML页面中，设置表单的提交属性为“POST”，方法属性设置为“server”，并在表单中添加所需的输入元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Submit Form to Code-Behind</title>
</head>
<body>
    <form id="form1" runat="server" method="post" action="Code-Behind.aspx">
        <label for="txtName">Name:</label>
        <input id="txtName" type="text" name="txtName" />

        <label for="txtAge">Age:</label>
        <input id="txtAge" type="text" name="txtAge" />

        <input type="submit" value="Submit" />
    </form>
</body>
</html>

2. 创建Code-Behind（代码页面）

创建一个新的aspx页面，并将其中所有的HTML代码都删除。新增一个命名空间，声明该页面为System.Web.UI.Page的子类，并且添加需要处理的事件方法。

using System;
using System.Web.UI;

namespace SubmitFormToCodeBehind
{
    public partial class Code_Behind : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (IsPostBack)
            {
                string name = Request.Form["txtName"];
                string age = Request.Form["txtAge"];

                Response.Write("Hello, " + name + "! You are " + age + " years old.");
            }
        }
    }
}

3. 部署代码并运行

将HTML页面和Code-Behind页面部署到网站的文件夹中，启动网站，然后在您的浏览器中打开HTML页面。在输入表单中输入您的姓名和年龄，然后单击提交按钮。提交表单会将表单数据传输到代码页面中，然后会执行Page_Load事件，并显示提交的值。

示例说明：

示例1

本示例为一个简单的Web表单，用于计算两个数字的总和。首先，我们需要设置HTML表单，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Submit Form to Code-Behind Example 1</title>
</head>
<body>
    <form id="form1" runat="server" method="post" action="Code-Behind.aspx">
        <label for="txtNum1">Number 1:</label>
        <input id="txtNum1" type="text" name="txtNum1" />

        <label for="txtNum2">Number 2:</label>
        <input id="txtNum2" type="text" name="txtNum2" />

        <input type="submit" value="Add" />
    </form>
</body>
</html>

然后，我们需要创建一个Code-Behind页面来处理提交的值。在该页面中，我们需要添加的代码如下所示：

using System;
using System.Web.UI;

namespace SubmitFormToCodeBehind
{
    public partial class Code_Behind : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (IsPostBack)
            {
                double num1 = double.Parse(Request.Form["txtNum1"]);
                double num2 = double.Parse(Request.Form["txtNum2"]);

                double result = num1 + num2;
                Response.Write("The sum of " + num1 + " and " + num2 + " is " + result);
            }
        }
    }
}

最后，我们需要部署代码并运行该Web应用程序。在浏览器中打开表单页面，并输入两个数字，然后单击添加按钮。代码将处理提交的值，并将两个数字相加，然后将结果呈现给您。

示例2

本示例为一个简单的Web表单，用于计算用户输入的文本中单词的数量。首先，我们需要设置HTML表单，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Submit Form to Code-Behind Example 2</title>
</head>
<body>
    <form id="form1" runat="server" method="post" action="Code-Behind.aspx">
        <label for="txtText">Enter some text:</label>
        <br />
        <textarea id="txtText" name="txtText" cols="50" rows="10"></textarea>
        <br />
        <input type="submit" value="Count Words" />
    </form>
</body>
</html>

然后，我们需要创建一个Code-Behind页面来处理提交的值。在该页面中，我们需要添加的代码如下所示：

using System;
using System.Web.UI;

namespace SubmitFormToCodeBehind
{
    public partial class Code_Behind : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (IsPostBack)
            {
                string text = Request.Form["txtText"];
                string[] words = text.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries);

                Response.Write("The text you entered contains " + words.Length + " words.");
            }
        }
    }
}

最后，我们需要部署代码并运行该Web应用程序。在浏览器中打开表单页面，并输入一些文本，然后单击计算按钮。代码将处理提交的文本，并计算出文本中单词的数量，然后向您呈现结果。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：asp.net 中将表单提交到另一页 Code-Behind（代码和html在不同的页面） - Python技术站