C# asp.net格式字段输入HTML

我有一个小问题要解决。我正在使用一个很好的HTML5/CSS模板，并开发了一个ASP.NET web应用程序。我正在尝试将代码与HTML/CSS合并。因此，在ASP.NET中，我将此用于表单输入

@using (Html.BeginForm())
                        {
                            @Html.ValidationSummary()
                            <div class="form-group">
                            <p>Vendor Name: @Html.TextBoxFor(m=> Model.VendorName)</p>
                            <p>Vendor Title: @Html.TextBoxFor(m=> Model.VendorTitle)</p>
                            <p>Description: @Html.TextBoxFor(m=> Model.VendorDescription)</p>
                            <p>Start Date: @Html.EditorFor(m=> Model.StartDate)</p>

                            <input type="submit" name="Add Vendor" />
                        }

@使用（Html.BeginForm（））
{
@Html.ValidationSummary（）
供应商名称：@Html.TextBoxFor（m=>Model.VendorName）

供应商名称：@Html.TextBoxFor（m=>Model.vendortle）

Description:@Html.TextBoxFor（m=>Model.vendorddescription）

开始日期：@Html.EditorFor（m=>Model.StartDate）

}

然而，在我开始在ASP.NET中输入之前，我正在使用它进行表单设计

<div class="form-group">
    <label for="focusedinput" class="col-sm-3 control-label">Vendor Name: </label>
    <div class="col-sm-6">
        <input type="text" class="form-control" id="vcvendorname" placeholder="Default Input" />
    </div>

供应商名称：

因此，我试图做的是将@Html.TextBoxFor（m=>Model.VendorName）与我的原始Html代码合并

下图显示了格式良好的HTML，下面是基本的TextBoxFor。

---

非常感谢所有帮助

要复制您拥有的html，除了指定类和占位符外，您还需要使用

@html.LabelFor（x=>x.Field）

比如说

@using (Html.BeginForm())
{
    @Html.ValidationSummary()
    <div class="form-group">
        @Html.LabelFor(x => x.FocussedInput, new { @class = "col-sm-3 control-label" })
        <div class="col-sm-6">
            @Html.TextBoxFor(x => x.FocussedInput, new { @class = "form-control", placeholder = "Default Input" })
        </div>
}

@使用（Html.BeginForm（））
{
@Html.ValidationSummary（）
@LabelFor（x=>x.focusedInput，新的{@class=“col-sm-3控件标签”}）
@TextBoxFor（x=>x.FocussedInput，新的{@class=“form control”，placeholder=“Default Input”}）
}

嗯，您的HTML与以前设计的HTML完全不匹配。你有这个：

<div>
    <p>some text <input></p>
</div>

对于

输入

，您还需要指定一些与原始输入匹配的内容：

@Html.TextBoxFor(m=> Model.VendorName, new { @class = "form-control", id = "vcvendorname", placeholder = "Default Input" })

关键是，为了将预先存在的样式应用于标记，标记需要与样式匹配

<div class="form-group">
    @Html.LabelFor(m=> Model.VendorName)
    <div class="col-sm-6">
        @Html.TextBoxFor(m=> Model.VendorName)
    </div>

@Html.LabelFor(m=> Model.VendorName, new { @class = "col-sm-3 control-label" })

@Html.TextBoxFor(m=> Model.VendorName, new { @class = "form-control", id = "vcvendorname", placeholder = "Default Input" })