通过 Htmlhelper.editorfor() (MVC) 创建颜色输入类型

Question

我使用 htmlhelper 创建了表单的以下部分：

    <div class="form-group">
        @Html.LabelFor(model => model.ColorCode, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.ColorCode, new {htmlAttributes = new { @class = "form-control" } })
            <!--<input type="color" class="form-control"/>-->
            @Html.ValidationMessageFor(model => model.ColorCode, "", new {@class = "text-danger"})
        </div>
    </div>

ColorCode 的数据类型是字符串，所以默认情况下它只是创建一个普通的文本框。我想要的是让输入表现为颜色选择器。注释的 html 本质上是我希望它创建的内容（+ 将其连接到表单所需的任何属性，如果适用的话。我不是 HTML 专家）。有没有办法做到这一点？我通过搜索找不到任何关于它的信息。

Answer 1

你可以试试这样的：

@Html.TextBoxFor(model => model.ColorCode, new {@class="form-control", type="color"})

EditorFor 将使用编辑器模板生成 html 输出。要使用它，您必须为该特定属性类型定义一个编辑器模板，但由于这是一个 string，它有点通用。

@Stephen Muecke 在评论中也指出了这一点。