向 MVC 中的 TextBoxFor 控件添加一个 glyphicon-user ASP.NET

Question

我想在 MVC C# 中的 textBoxFor 控件的末尾显示一个 glyphicon-user 但我还不能完成，在我显示的代码中（razor 评论@* *@）我尝试过的 span 标签为了得到字形但没有成功，你能帮我吗

            <div class="form-group">
                @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" })  
                <div class="col-md-10">
                    @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@

                    @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario", @type = "text" })
                    @*<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>*@
                    <p class="text-danger"> @Html.ValidationMessageFor(model => model.usuario)</p>
                </div>
            </div>

Answer 1

你很接近。您只是忘记包含一个 div 元素 class 名称 input-group.

<div class="form-group">
    @Html.LabelFor(model => model.usuario, new { @class = "control-label col-md-2" })
    <div class="col-md-10">  
        <div class="input-group"> // missing div 
            @Html.TextBoxFor(model => model.usuario, new { @class = "form-control", @placeholder = "Usuario" })
            <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
            <p class="text-danger">@Html.ValidationMessageFor(model => model.usuario)</p>
        </div>
    </div>
</div>

此外，您的 TextBoxFor.. @type = "text"

中不需要这个

这里是Bootply.

希望这对您有所帮助。

向 MVC 中的 TextBoxFor 控件添加一个 glyphicon-user ASP.NET

add a glyphicon-user to a TextBoxFor control in MVC ASP.NET

c#

razor

twitter-bootstrap

glyphicons