title: HTML button onserverclick is not working in asp.net
body: <p>I had a problem in the event onserverclick. I have created an HTML server-side button "btnsubmit" in tab_1:</p>
  
  <pre><code>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="Skripsi.Home" %&gt;
  
  &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;title&gt;Home&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;div class="container-fluid bg-1 text-center"&gt;
          &lt;img src="/Image/fti-untar.png" alt="untar" /&gt;
          &lt;h2&gt;Layanan&lt;/h2&gt;
          &lt;br /&gt;
      &lt;/div&gt;
  
      &lt;div class="container"&gt;
          &lt;ul class="nav nav-pills nav-stacked col-md-2"&gt;
            &lt;li class="active"&gt;&lt;a href="#tab_1" data-toggle="pill"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab_2" data-toggle="pill"&gt;Biodata&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab_3" data-toggle="pill"&gt;Konsultasi&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="#tab_4" data-toggle="pill"&gt;Hasil Studi&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div class="tab-content col-md-10"&gt;
              &lt;div class="tab-pane active" id="tab_1" runat="server"&gt;
                  &lt;div id="panel1" class="panel panel-default"&gt;
                      &lt;div class="panel-heading"&gt;
                          &lt;h3 class="panel-title"&gt;Biodata&lt;/h3&gt;
                      &lt;/div&gt;
                      &lt;div class="panel-body"&gt;
                          &lt;label for="id"&gt;ID&lt;/label&gt;
                          &lt;input type="text" id="txtid" class="form-control" runat="server"/&gt;
                          &lt;br /&gt;
                          &lt;label for="nama"&gt;Nama&lt;/label&gt;
                          &lt;input type="text" id="txtnama" class="form-control" /&gt;
                          &lt;br /&gt;
                          &lt;label for="email"&gt;Email&lt;/label&gt;
                          &lt;input type="text" id="txtemail" class="form-control" /&gt;
                          &lt;br /&gt;
                          &lt;label for="alamat"&gt;Alamat&lt;/label&gt;
                          &lt;input type="text" id="txtalamat" class="form-control" /&gt;
                          &lt;input type="button" id="btnsubmit" runat="server" class="btn btn-default" onserverclick="btnsubmit_ServerClick"&gt;Submit&lt;/input&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;div class="tab-pane" id="tab_2"&gt;
                                  &lt;div class="col-xs-3"&gt;
                      &lt;input type="text" id="txtname" name="Name" value="" class="form-control"/&gt;
                  &lt;/div&gt;
                  &lt;h4&gt;Pane B&lt;/h4&gt;
              &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="tab-pane" id="tab_3"&gt;
                  &lt;h4&gt;Pane C&lt;/h4&gt;
                  &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="tab-pane" id="tab_4"&gt;
                  &lt;h4&gt;Pane D&lt;/h4&gt;
                  &lt;p&gt;Pellentesque habitant morbi tristique senectus et netus et malesuada famesac turpis egestas.&lt;/p&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;&lt;!-- tab content --&gt;
      &lt;/div&gt;&lt;!-- end of container --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the code behind is:</p>
  
  <pre><code>using System;
  using System.Collections.Generic;
  using System.Linq;
  using System.Web;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  
  namespace Skripsi
  {
      public partial class Home : System.Web.UI.Page
      {
          protected void Page_Load(object sender, EventArgs e)
          {
  
          }
  
          protected void btnsubmit_ServerClick(object sender, EventArgs e)
          {
              Response.Write("Success Horray");
          }
  
      }
  }
  </code></pre>
  
  <p>When Pressing the button I get the following Error:</p>
  
  <blockquote>
    <p>asp runtime error(the base class includes the field 'btnsubmit', but it's type is not compatible with the type of control)</p>
  </blockquote>
  
  <p>Update:
  After cleaning the solution and rebuilding it I had the following error:</p>
  
  <blockquote>
    <p>'content is not allowed between the opening and closing tags for element input'.</p>
  </blockquote>