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

당신은 가까운 도와주세요 수 있습니다. 클래스 input-group과 함께 div 요소를 포함하는 것을 잊었습니다.

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

또한 당신은 @type = "text"

여기 Bootply입니다 .. 당신의 TextBoxFor이 필요하지 않습니다.

이 정보가 도움이되기를 바랍니다.