Как добавить аддон в бритвенные файлы?

Question

Я хочу создать аддон, чтобы пользователь вводил только имя профиля facebook, а не весь URL-адрес.
Текущий код бритву, чтобы получить вход выглядит следующим образом:

<div class="form-group"> 
@Html.LabelFor(m => m.Twitter, new {@class = "control-label"}) 
@Html.TextBoxFor(m => m.Twitter, new {@class = "form-control"}) 
</div> 

И это то, что я пробовал:

<div class="form-group">      
    @Html.LabelFor(m => m.Facebook, new { @class = "control-label" } 
    <span class="input-group-addon" id="basic-addon2"> 
            facebook.com 
    </span> 
    @Html.TextBoxFor(m => m.Facebook, new {@id="basic-addon2"})          
</div> 

Но это создает неправильную форму, как here
Что мне нужно сделать изменить, чтобы правильно добавить аддон?
как: facebook.com/ {вход поданной}

Answer 1

Это то, что вам нужно:

<div class="input-group"> 
    <span class="input-group-addon" id="facebook-profile">facebook.com/</span> 
    @Html.TextBoxFor(m => m.Facebook, new { @class="form-control", placeholder="Profile Name", aria_describedby="facebook-profile"> 
</div>