asp.net-mvc - Razor 输入元素自定义属性

Question

嗨，我需要执行以下操作:

@Html.TextBoxFor(m => m.Login, 
                 new { 
                       @class = "form-control", 
                       @placeholder = "Username", 
                       required="true" data-required-message="Please insert your name" 
                     })

但是我在 data-required-message 上遇到错误，似乎我无法使用“-”。

Any clue?

Answer 1

您必须将其与下划线 _ 一起使用，razor 会将其在 html 中呈现为 -:

data_required_message="Please insert your name"

还有一点需要注意的是，您不需要在 htmlAttributes 的每个参数前都添加 @ 符号，我们将其放在 class 因为class是c#中的保留字，所以不能直接用作变量名。

你的最终代码将是这样的:

@Html.TextBoxFor(m => m.Login, 
                 htmlAttributes: new { 
                                       @class = "form-control",
                                       placeholder = "Username",
                                       required="true",
                                       data_required_message="Please insert your name" 
                                     })

您还缺少 placeholder 属性后面的逗号。