title: Difference between Web Form and Web Form with Master Page?
body: <p>I new to using web applications. I am currently using visual studio 2013 and I have created a web application. I would like to have a form that employees fill out and then when they hit submit the form will either add, change or delete from the database. From researching I originally tried making a web form. This did not allow me to keep the formatting that was made on my master page, and when I tried connecting it to the master page it did not allow it because of the <code>&lt;form&gt;</code>. So then I created a web form with master page. This allows me to keep the formatting from the master page but now I am unable to create a form using <code>&lt;form&gt;</code>. So my question is how do I create a form that will submit and still keep the formatting from my master page?</p>
  
  <p>Master Page:</p>
  
  <pre><code> &lt;%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html lang="en"&gt;
  &lt;head runat="server"&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;title&gt;&lt;%: Page.Title %&gt; Employee Information&lt;/title&gt;
  
      &lt;asp:PlaceHolder runat="server"&gt;
          &lt;%: Scripts.Render("~/bundles/modernizr") %&gt;
      &lt;/asp:PlaceHolder&gt;
      &lt;webopt:bundlereference runat="server" path="~/Content/css" /&gt;
      &lt;link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form runat="server"&gt;
          &lt;asp:ScriptManager runat="server"&gt;
              &lt;Scripts&gt;
                  &lt;%--To learn more about bundling scripts in ScriptManager see http://go.microsoft.com/fwlink/?LinkID=301884 --%&gt;
                  &lt;%--Framework Scripts--%&gt;
                  &lt;asp:ScriptReference Name="MsAjaxBundle" /&gt;
                  &lt;asp:ScriptReference Name="jquery" /&gt;
                  &lt;asp:ScriptReference Name="bootstrap" /&gt;
                  &lt;asp:ScriptReference Name="respond" /&gt;
                  &lt;asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" /&gt;
                  &lt;asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" /&gt;
                  &lt;asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" /&gt;
                  &lt;asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" /&gt;
                  &lt;asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" /&gt;
                  &lt;asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" /&gt;
                  &lt;asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" /&gt;
                  &lt;asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" /&gt;
                  &lt;asp:ScriptReference Name="WebFormsBundle" /&gt;
                  &lt;%--Site Scripts--%&gt;
              &lt;/Scripts&gt;
          &lt;/asp:ScriptManager&gt;
  
          &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;!--&lt;a class="navbar-brand" runat="server" href="~/"&gt;Employee Information&lt;/a&gt;--&gt;
                  &lt;/div&gt;
                  &lt;div class="navbar-collapse collapse"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li&gt;&lt;a runat="server" href="~/HomePage"&gt;Home&lt;/a&gt;&lt;/li&gt;
                          &lt;!--&lt;li&gt;&lt;a runat="server" href="~/About"&gt;About&lt;/a&gt;&lt;/li&gt;--&gt;
                          &lt;li&gt;&lt;a runat="server" href="~/EmployeeInput"&gt;Add Employee&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a runat="server" href="~/EditEmployee"&gt;Edit Information&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a runat="server" href="~/Terminate"&gt;Terminate Employee&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;asp:LoginView runat="server" ViewStateMode="Disabled"&gt;
                          &lt;AnonymousTemplate&gt;
                              &lt;ul class="nav navbar-nav navbar-right"&gt;
                                  &lt;li&gt;&lt;a runat="server" href="~/Account/Register"&gt;Register&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a runat="server" href="~/Account/Login"&gt;Log in&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/AnonymousTemplate&gt;
                          &lt;LoggedInTemplate&gt;
                              &lt;ul class="nav navbar-nav navbar-right"&gt;
                                  &lt;li&gt;&lt;a runat="server" href="~/Account/Manage" title="Manage your account"&gt;Hello, &lt;%: Context.User.Identity.GetUserName()  %&gt; !&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;
                                      &lt;asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="Log off" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" /&gt;
                                  &lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/LoggedInTemplate&gt;
                      &lt;/asp:LoginView&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="container body-content"&gt;
              &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"&gt;
              &lt;/asp:ContentPlaceHolder&gt;
              &lt;hr /&gt;
              &lt;footer&gt;
                  &lt;p&gt;&amp;copy; &lt;%: DateTime.Now.Year %&gt; &lt;/p&gt;
              &lt;/footer&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Web Form</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="WebApplication1.WebForm3" %&gt;
  
  &lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="Column1" style="height:355px;width:250px;float:left;"&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name: &lt;input type="text" name="FirstName" /&gt;
          First Name:&amp;nbsp; &lt;input type="text" name="FirstName1" size="20" /&gt;
          &lt;select id="Select1" name="D1"&gt;
              &lt;option&gt;This&lt;/option&gt;
              &lt;option&gt;That&lt;/option&gt;
              &lt;option&gt;The other thing&lt;/option&gt;
          &lt;/select&gt;&lt;/div&gt;
      &lt;div id="Column2" style="height:355px;width:250px;float:left;"&gt;
          First Name: &lt;input type="text" name="FirstName2" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName3" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName4" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName5" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName6" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName7" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName8" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName9" size="20" /&gt;
          First Name: &lt;input type="text" name="FirstName10" size="20" /&gt;
      &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I would like to have everything within the body of my web form to be a form.</p>