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

 

<!DOCTYPE html>

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>WFC & HFC Button Example</title>

    <style type="text/css">

        #txtHFC

        {

            width: 262px;

        }

    </style>

    <script lang="javascript" type="text/javascript">

        function ClientButtonProcess() {

            document.getElementById("txtHFC").value = "client-side processing performed"

        }

 

        function Reset() {

            document.getElementById("txtHFC").value = "Click the button --->"

            document.getElementById("txtWFC").value = "Click the button --->"

        }

    </script>

</head>

<body>

    <h3>HTML Form button control intercepted for client side processing without submitting to server side.<br />

        WebForm button control for server side processing.</h3>

 

    <form id="form1" runat="server">

    <div>

        <asp:TextBox ID="txtWFC" runat="server" Text="Click the button --->"

            Width="262px" />

        <asp:Button id="btnWFC" runat="server" Text="WFC Server Button" OnClick="btnWFC_Click" />

        <br />

        <input id="txtHFC" name="txtHFC" type="text" value="Click the button --->" />

        <input id="btnHFC" name="btnHFC" type="button" value="HFC Client Button" onclick="ClientButtonProcess();" />

        <br />

        <input id="btnReset" type="button" value="Reset" onclick="Reset();" />

       

 

    </div>

    </form>

</body>

</html>