使用 Html.BeginForm 和语义 UI

Question

当我使用Html.BeginForm时，语义UI会跑掉并使用经典的UI。

如何解决这个问题？

@using (Html.BeginForm())
{
<div id="addRestaurant">
    <form class="ui form">
        <div class="required field">
            <label for="resName">Restaurant Name</label>
            <input type="text" name="model.RestaurantName" id="RestaurantName"/>
        </div>
...
</div>
}

使用前Html.BeginForm

使用后Html.BeginForm

Answer 1

将class应用于mvc形式

<div id="addRestaurant">
@using (Html.BeginForm("ActionName","ControllerName", method: FormMethod.Post, htmlAttributes: new { @class="ui form"} )) {

        <div class="required field">
            <label for="resName">Restaurant Name</label>
            <input type="text" name="model.RestaurantName" id="RestaurantName"/>
        </div>
...

}
</div>