The ASP.Net relies on Single Form Interface (SFI) instead of Multi Form Interface (MFI), because SFI is a key element for the implementation of the ASP.NET state maintenance feature. Thus if you host two or more server side form then you will get run-time error 'A page can have only one server-side Form tag'. In ASP.NET, server-side forms are rendered using a class named HtmlForm. This class doesn't provide the familiar Action property, nor does it supply an alternative property.
When the render method is called, the page object processed and rendered the first server-side form and sets an internal flag to note that one form object has been processed for the page and for any subsequent inclusion of server-side form it throws an HttpException.
But you can include multiple HTML form without setting "runat =server" attribute in html form tag. The following codes demonstrate:
- How to include multiple form in your aspx page and to define another page URL.
- How to retrieve value of form controls in another aspx page.
[Main.aspx]: This is the main page which has two forms. The first form is server-side form which will post data to the same page. The second form is plain html-form without 'runat=server' attribute which will post data of its html controls to another aspx page. Html controls included inside this form are uniquely named.
<%@ Page language="VB" Codebehind="Main.aspx.vb" AutoEventWireup="false" Inherits="MultipleForm.Main" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Main</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="VB" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<link type="text/css" href="MyStyle.css" rel="stylesheet">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="frmMain" method="post" runat="server">
<table cellSpacing="0" cellPadding="0" width="95%" border="0">
<caption class="tblCaption">Post data to same page [ Main.aspx ]</caption>
<tr class="rowStyle">
<td width="25%">First Name</td>
<td width="25%"><input class="inputformat" type="text" id="txtFName" runat="server" NAME="txtFName"></td>
<td width="25%">Last Name</td>
<td width="25%"><input class="inputformat" type="text" id="txtLName" runat="server" NAME="txtLName"></td>
</tr>
<tr class="rowStyle">
<td></td>
<td colspan="2" align="center"><asp:Button CssClass="buttonStyle" id="btnSubmit" runat="server" Text="Post to Main"></asp:Button></td>
<td></td>
</tr>
</table>
</form>
<br>
<!------
The following form is design by using core ASP model which has
action attribute to define the url of the page where we want to
post/send data.
//---------->
<form action="A1.aspx" method="post">
<table cellSpacing="0" cellPadding="0" width="95%" border="0">
<caption class="tblCaption">Post data to another page [ A1.aspx ]</caption>
<tr class="rowStyle">
<td width="25%">First Name</td>
<!---
define name of the control so that you can access its
value by using its name in A1.aspx page
//--->
<td width="25%"><input class="inputformat" type="text" name="fname"></td>
<td width="25%">Last Name</td>
<td width="25%"><input class="inputformat" type="text" name="lname"></td>
</tr>
<tr class="rowStyle">
<td></td>
<td colspan="2" align="center"><input class="buttonStyle" type="submit" value="Post to A1"></td>
<td></td>
</tr>
</table>
</form>
</body>
</HTML>