WebForms Button学习笔记
Button控件简介
Button控件是WebForms中最常用的控件之一，它通常用于在页面上触发事件或提交表单数据。在WebForms中，Button控件有两种类型：SubmitButton和NormalButton。
SubmitButton
SubmitButton用于提交表单数据，并且在按钮被点击时会触发页面的PostBack行为，这意味着整个页面都会被重新加载。SubmitButton的示例代码如下：
htmlCopy Code<asp:Button ID="SubmitButton" runat="server" Text="提交" OnClick="SubmitButton_Click" />
其中，OnClick属性是一个事件处理程序，它在按钮被点击时会被执行。在这个事件处理程序中，我们可以处理表单数据并将其保存到服务器中。
NormalButton
NormalButton用于在页面上触发事件或执行JavaScript代码，而不会影响表单数据的提交。NormalButton的示例代码如下：
htmlCopy Code<asp:Button ID="NormalButton" runat="server" Text="点击我" OnClick="NormalButton_Click" />
在这个示例代码中，当NormalButton被点击时，NormalButton_Click事件处理程序会被执行。在这个事件处理程序中，我们可以编写JavaScript代码来实现想要的功能。
实例
假设我们有一个Web表单，其中包含一个SubmitButton和一个NormalButton。当用户点击SubmitButton时，表单数据会被保存到服务器中；当用户点击NormalButton时，页面上的文本会更改。
htmlCopy Code<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ButtonDemo.aspx.cs" Inherits="ButtonDemo" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Button Demo</title>
</head>
<body>
<form id="form1" runat="server">
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Button ID="SubmitButton" runat="server" Text="提交" OnClick="SubmitButton_Click" /><br />
<asp:Button ID="NormalButton" runat="server" Text="点击我" OnClientClick="NormalButton_Click()" />
</form>
</body>
</html>
在服务器端的代码中，我们可以像下面这样处理SubmitButton的Click事件：
csharpCopy Codeprotected void SubmitButton_Click(object sender, EventArgs e)
{
string text = TextBox1.Text;
// 将text保存到数据库中
}
在客户端的JavaScript代码中，我们可以像下面这样处理NormalButton的Click事件：
javascriptCopy Codefunction NormalButton_Click() {
document.getElementById("TextBox1").value = "Hello World!";
}
这样，当用户点击NormalButton时，文本框中的内容就会被修改为“Hello World!”。