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

Question

我想在MVC C＃中的textBoxFor控件的末尾顯示一個glyphicon-user，但是我無法完成，在代碼中顯示（剃刀評論@ * @），我爲了得到glyphicon嘗試，但沒有工作，跨度標籤，請你幫我

  <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"

這裏是Bootply。

希望這會有所幫助。