Question

如果我包括：

，我不明白这个问题

<body>
@using (Html.BeginForm(null, null, new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post))
{
     <div>
        <form>
            <br />
            <div>
               <input type="submit" class="btn btn-success" value="Log in" />
            </div>
        </form>
     </div>
}

CSS格式无法正确呈现

<form>
    <br />
    <div>
        <input type="submit" class="btn btn-success" value="Log in" />
    </div>
</form>

form
{
    background:#f0f0f0;
    padding:4% 3%;
}

但是，如果我将HTML.BeginForm标记放在<form> HTML

之前

  <div> 
    @using (Html.BeginForm(null, null, new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post))
    {
        <form>
              ....
        </form>
    }
  </div>

有效，

有人可以解释这需要这样做吗？

Answer 1

Everithing看起来很正常：

#login
{
    width:400px;
    margin:0 auto;
    margin-top:0px;
    margin-bottom:0%;
    transition:opacity 1s;
    -webkit-transition:opacity 1s;
}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"/>
<form>
    <div class="panel-body">
        <div id="login">
            <h1>Login</h1>
            <form>
                <div>
                    <input type="submit" class="btn btn-success" value="Log in" />
                </div>
            </form>
            <div style="position:relative; left:30%">
                <!--@Html.ValidationSummary()-->
            </div>
        </div>
    </div>
</form>

Answer 2

你不应该在html中嵌套。它可以引导你走向奇怪的行为，这可能是发生了什么

html.BeginForm MVC 5导致表单标记CSS问题

2 个答案: