如何在@ Html.TextBox mvc4中同时添加css类和id

时间:2013-05-20 06:39:58

标签: asp.net-mvc asp.net-mvc-4

我需要在@ Html.TextBox mvc4中同时添加css类和id。 我试试

@Html.TextBox("name", new { id = "name"}, new { @class = "text-field" })

但结果我得到了

 <input class="text-field" id="name" name="name" type="text" value="{ id = name }">

这里我不需要属性值。
我需要得到

 <input type="text" value="" name="name" id="name" class="text-field" />

3 个答案:

答案 0 :(得分:23)

纠正overload method

public static MvcHtmlString TextBox(
    this HtmlHelper htmlHelper,
    string name,
    Object value,
    Object htmlAttributes
)

您希望将id用作HtmlAttribute,因此您应该在HtmlAttributes对象中使用它。正确使用TextBox是:

@Html.TextBox("name", 
    null,
    new { 
        id = "name", 
        @class = "text-field" 
})

如果您在路由对象中放置id,则id将是路由值。

答案 1 :(得分:5)

尝试

@Html.TextBox("name", 
    null,
    new { 
        id = "name", 
        @class = "text-field" 
    })

答案 2 :(得分:1)

我只是使用关键字。例如,请参阅以下代码

@Html.TextBoxFor(m => m.Venue, new { @class = "form-control", @id = "AnyCustomID" })