ASP.NET Button Control


The Button control is used to display a push button. The push button may be a submit button or a command button. By default, this control is a submit button.

A submit button does not have a command name and it posts the Web page back to the server when it is clicked. It is possible to write an event handler to control the actions performed when the submit button is clicked.

A command button has a command name and allows you to create multiple Button controls on a page. It is possible to write an event handler to control the actions performed when the command button is clicked.

C# Code

  
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Drawing;
using System.Web.UI.WebControls;

namespace asptutorial
{
    public partial class blankpage : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Button1.Text = "Button Control";
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text = "Button Clicked !!";
        }
    }
}

HTML Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title> Button Control </title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />   
        <asp:Label ID="Label1" runat="server" Text="Label1"/>
    
    </div>
    </form>
</body>
</html>

Properties

PropertyDescription
CausesValidationSpecifies if a page is validated when a button is clicked
CommandArgumentSpecifies additional information about the command to perform
CommandNameSpecifies the command associated with the Command event
OnClientClickSpecifies the name of the function to be executed when a button is clicked
PostBackUrlSpecifies the URL of the page to post to from the current page when a button is clicked
runatSpecifies that the control is a server control.  Must be set to "server"
TextSpecifies the text on a button
UseSubmitBehaviorSpecifies whether or not a button uses the browser's submit mechanism or the ASP.NET postback mechanism
ValidationGroupSpecifies the group of controls a button causes validation, when it posts back to the server

ASP.NET Control Standard Properties

AppRelativeTemplateSourceDirectory, BindingContainer, ClientID, Controls, EnableTheming, EnableViewState, ID, NamingContainer, Page, Parent, Site, TemplateControl, TemplateSourceDirectory, UniqueID, Visible
For a full description, go to Web Control Standard Attributes.

ASP.NET Web Control Standard Properties

AccessKey, Attributes, BackColor, BorderColor, BorderStyle, BorderWidth, CssClass, Enabled, Font, EnableTheming, ForeColor, Height, IsEnabled, SkinID, Style, TabIndex, ToolTip, Width
For a full description, go to Web Control Standard Attributes.

Example of Button Control

Declare a submit Button control. Then create an event handler for the Click event which changes the text on the button.

C# Code

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

namespace asptutorial
{
    public partial class blankpage : System.Web.UI.Page
    {
      
        protected void Button1_Click(object sender, EventArgs e)
        {
           Button1.Text = "You clicked me!";
        }
    }
}

HTML Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title> Button Control </title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
    
    </div>
    </form>
</body>
</html>

Output


Share this article on