是否有可能编写html表单并包含aspx文件



我试图从html页面抽象登录表单。是否有可能将表单的内容放在一个文件中,并将内容包含到html页面中?我在asp.net中这样做,我更愿意把表单的内容放在。aspx或。ascx文件中。

目前我能想到的唯一方法是使用一些javascript hack,我宁愿远离。

<form id="login">
    <div class="form-group">
        <label for="username">Username</label>
        <input type="text" class="form-control" id="username" placeholder="Username">
    </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input type="password" class="form-control" id="password" placeholder="Password">
    </div>
    <button type="submit" class="btn btn-default btn-block">Sign In</button>
    <small><a href="login/password.aspx">Forgot your password?</a></small>
</form>

所以我想把标签和输入放到另一个文件中。是否可以将它们包含在使用我的。aspx文件的这个表单中?

我猜你是在使用web表单?因为ASP。. Net MVC允许你对html做任何你想做的事情。

在这种情况下,请记住Web Forms有一个特殊的表单,它通常看起来像这样:

<html>
<body>
<form id="theForm" runat="server">
<!-- everything goes in here -->
</form>
</body>
</html>
技巧在于Web Forms有两个关于这个表单的规则:它应该是带有runat="server"属性的only表单,并且它不喜欢在特殊表单中嵌套另一个表单元素。但是,您可以完全自由地在页面上包含另一个表单元素,该表单元素在之外,并且使用runat="server"属性:
<html>
<body>
<form id="login" action="...">
   <!-- login stuff goes here -->
</form>
<form id="theForm" runat="server">
   <!-- everything else goes in here -->
</form>
</body>
</html>

当然,你可以使用css样式来定位新表单在页面上的位置,在css的限制内。

你还在讨论把这段代码移到另一个文件。具体来说,这听起来像是你想要使用旧的include指令。这些不再被认为是好的做法,但你确实有很多选择。在Web Forms中,这可以是母版页的一部分。在MVC中,它可能类似于局部视图(在链接处向下滚动)。此外,使用Web Forms,您可以将其实现为用户控件,在这里您不再需要form元素。相反,您依赖于来自ASP的表单。. Net页面,只提供登录按钮的服务器控件和代码。

最新更新