ASP.NET母版页与子页表单冲突：控件需在表单内却无法多表单

这个问题在ASP.NET WebForms里太常见了——它的核心规则就是：所有带runat="server"的服务器控件必须放在同一个<form runat="server">标签内，且单个页面只能存在一个这样的服务器表单。你现在的情况是MasterPage里的txtSearch（服务器控件）不在任何服务器表单里，而子页面又单独加了一个服务器表单，自然就触发错误了。

下面给你几个可行的解决方案，按推荐程度排序：

方案1：将服务器表单移到MasterPage（最标准的做法） #

这是WebForms的设计初衷——整个站点共用一个服务器表单，所有页面内容都包裹在里面。修改你的MasterPage代码，把表单放在最外层，包含顶部栏和主体内容：

<form runat="server">
    <div class="top-bar">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder_header" runat="server">
            <div class="header search">
                <asp:TextBox ID="txtSearch" runat="server" />
                <!-- 这里可以加搜索按钮，比如 <asp:Button ID="btnSearch" runat="server" Text="搜索" OnClick="btnSearch_Click" /> -->
            </div>
        </asp:ContentPlaceHolder>
    </div>
    <!-- Body content. -->
    <div id="content">
        <asp:ContentPlaceHolder ID="ContentPlaceHolder_BodyContent" runat="server" />
    </div>
</form>

然后修改子页面的代码，去掉自己的服务器表单，直接把登录控件放在Content里即可（因为已经继承了MasterPage的表单）：

<asp:Content ID="Content1" ContentPlaceHolderID = "ContentPlaceHolder_BodyContent" runat="server">
    <!-- 直接放登录控件，不需要再写<form runat="server"> -->
    <div class="login-register-form">
        <asp:TextBox ID="txtUsername" runat="server" placeholder="用户名"></asp:TextBox>
        <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" placeholder="密码"></asp:TextBox>
        <asp:Button ID="btnLogin" runat="server" Text="登录" OnClick="btnLogin_Click" />
    </div>
</asp:Content>

这个方案的好处是完全符合WebForms的设计规范，后续扩展其他页面也不会再遇到类似问题。

方案2：将搜索框改为普通HTML控件（适合无需后台直接处理搜索的场景） #

如果你的搜索功能不需要在服务器端直接处理（比如用AJAX提交到API），可以把txtSearch改成普通的HTML输入框，去掉runat="server"：

<div class="top-bar">
    <asp:ContentPlaceHolder ID="ContentPlaceHolder_header" runat="server">
        <div class="header search">
            <input type="text" id="txtSearch" name="txtSearch" />
            <!-- 如果用AJAX，这里可以加一个普通按钮，绑定JS事件提交搜索 -->
        </div>
    </asp:ContentPlaceHolder>
</div>
<!-- Body content. -->
<div id="content">
    <asp:ContentPlaceHolder ID="ContentPlaceHolder_BodyContent" runat="server" />
</div>

这样子页面的服务器表单可以保留，因为MasterPage里已经没有服务器控件在表单外了。如果之后需要在后台获取搜索值，可以通过Request.Form["txtSearch"]来读取。

方案3：使用UserControl封装搜索功能（进阶优化） #

如果你的搜索逻辑比较复杂，可以把搜索框封装成一个UserControl，然后在MasterPage里引用它——不过这个方案的前提还是要保证UserControl里的服务器控件在MasterPage的服务器表单内（本质和方案1一致），只是代码结构更清晰。

总结一下，方案1是最推荐的，它从根源上解决了表单冲突的问题，也符合WebForms的最佳实践。

内容的提问来源于stack exchange，提问作者Manu