aspnet
  1. aspnet-server-controls
PreviousNext

Server Controls - (ASP.NET Web Forms)

Server controls are a powerful part of the ASP.NET web forms framework that allow you to create complex and interactive web pages. They provide a modular and reusable way to create web pages that can respond to user input and run complex business logic.

Syntax

Server controls are defined in the markup language (HTML) by using <asp:Control> syntax. Once defined, they can be accessed in code-behind by their ID property.

Here is an example of creating a button control in ASP.NET web forms:

<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />

This will create a button control with ID "btnSubmit" and text "Submit". The OnClick property is set to the method "btnSubmit_Click".

Example

Here is an example of using server controls in an ASP.NET web form. In this example, we create a simple form that allows a user to enter their name and email address, and then submit the form.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Contact Form</h2>
            <hr />
            <table cellpadding="2" cellspacing="0" border="0">
                <tr>
                    <td>Name:</td>
                    <td><asp:TextBox ID="txtName" runat="server" /></td>
                </tr>
                <tr>
                    <td>Email:</td>
                    <td><asp:TextBox ID="txtEmail" runat="server" /></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" />
                    </td>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

Now, we need to handle the OnClick event of the button control in the code-behind file.

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

namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnSubmit_Click(object sender, EventArgs e)
        {
            string name = txtName.Text;
            string email = txtEmail.Text;
            //Do something with the user input
        }
    }
}

Output

The above code will produce a simple web form with two input fields and a submit button. Upon clicking the submit button, the entered data will be captured and sent to the server. In this case, the entered data is stored in variables that may be processed as needed.

Explanation

Server controls are used in ASP.NET web forms to make interactive and dynamic web pages. They are defined in the markup language (HTML) and accessed in code-behind to handle user input and perform business logic. Server controls can be used to create forms, buttons, textboxes, dropdownlists, and other interactive controls that are vital in creating robust web applications.

Use

Server controls are extensively used in building interactive web applications. They provide a way to separate the user interface from the business logic of the application, allowing for more maintainable code. They can also be extended and customized to fit specific needs.

Important Points

  • Server controls are defined in the markup language by using the <asp:Control> syntax.
  • Server controls can be accessed in code-behind by their ID property.
  • Server controls are used extensively in modern web development.

Summary

In this page, we discussed server controls and how they are used in ASP.NET web forms. We covered the syntax, example, output, explanation, use, important points, and summary of server controls. Server controls are a key component of ASP.NET web forms that allow developers to create dynamic, interactive web pages.

WF ExampleLabel
Published on: