MVC C# Html.TextBox等Html控件设置样式

最新推荐文章于 2021-06-20 02:33:13 发布

一羽清宁

最新推荐文章于 2021-06-20 02:33:13 发布

阅读量2.9k

点赞数 1

分类专栏： C# MVC .NET 文章标签： .NET mvc C#

本文链接：https://blog.csdn.net/pplcheer/article/details/51753903

版权

本文介绍了在MVC C#中如何使用Html.TextBox、Html.TextBoxFor等控件，并提供了设置样式的实例。重点提及了@Html.TextBoxFor和@Html.DropDownListFor的用法，强调了数据验证的重要性，并给出了Model和Controller的相关代码示例。

摘要由CSDN通过智能技术生成

第一个参数为我们为他们取一个名字，对应id和name，第二个参数则为值，第三个参数则为属性

例如

<%=Html.TextBox("Remark", "", new { style = "width:200px;" })%>

这个产生的html元素就是

<input id="Remark" name="Remark" style="width:200px;" type="text" value="" />

我们就可以参照这个例子来生产其他元素的例子，或者我们只是用一个参数，两个参数等。

例子1：

<tr>
        <td><span>备注：</span></td>
        <td colspan="3">@Html.TextBox("comment", null, new { @class = "errorCodeMark", maxlength = "49" })
            <span class="help-inline">@Html.ValidationMessageFor(m => m.comment)</span>
        </td>
    </tr>

这个产生的html元素就是

<tr>
        <td><span>备注：</span></td>
        <td colspan="3"><input class="errorCodeMark" data-val="true" data-val-length="字段 comment 必须是最大长度为 50 的字符串。" data-val-length-max="50" id="comment" maxlength="49" name="comment" type="text" value="">
            <span class="help-inline"><span class="field-validation-valid" data-valmsg-for="comment" data-valmsg-replace="true"></span></span>
        </td>
    </tr>

例子2：(最好用@Html.TextBoxFor)

<tr>
        <td><span>禁止期间：</span></td>
        <td colspan="3">
            @Html.TextBox("startDate", string.Format("{0:yyyy-MM-dd}", Model.startDate == null ? @DateTime.Now : @DateTime.Now))
            -- @Html.TextBox("endDate", string.Format("{0:yyyy-MM-dd}", Model.endDate == null ? @DateTime.Now.AddDays(1) : @DateTime.Now.AddDays(1)))
            <span class="help-inline">@Html.ValidationMessageFor(m => m.dateError)</span>
        <