Добавить пользователя-глификона в элемент управления TextBoxFor в MVC ASP.NET

Question

Я хочу показать пользователя-глификона в конце элемента управления textBoxFor в MVC C#, но пока не могу этого сделать, в коде, который я показываю (прокомментировал @* *@) теги 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 элемент с именем класса 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"

Вот Бутпли.

Надеюсь, это поможет.