Form Input Syntax In RAZOR

Question

I have this code

<div class="input-group">
    <input type="text" class="form-control" name="InputName" id="InputName" placeholder="Enter Name" required>
    <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
</div>

how can I apply same span class to below line of code in razor?

@Html.TextBoxFor(m => m.Name,
                      new {
                            @class = "form-control",
                            @placeholder="Enter Name",
                            @requried="required"
                          }
                 )

Help will be appreciated.

Thank you

score 3 · Accepted Answer · answered May 09 '16 at 16:03

this should do it

<div class="form-group">
@*label if you have any*@
  <div class="input-group">
    @Html.TextBoxFor(m => m.Name,new {@class = "form-control",@placeholder="EnterName",@requried="required"})
   <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk"></span></span>
  </div>
 </div>

score 1 · Answer 2 · edited May 23 '17 at 12:07

Try this way

 <div class="input-group">
                              @Html.TextBoxFor(m => m.FirstName,
                              new
                              {
                                  @class = "form-control",
                                  @placeholder = "Enter Name",
                                  @requried = "required"
                              }

                         )
      <span class="input-group-addon"><span class="glyphicon glyphicon-asterisk">  </span></span>
</div>

Custom html helper is probably give a solution.

Check How can I override the @Html.LabelFor template?

and

Render span tag with title attribute with ASP.NET MVC 3 Helpers

it was close enough , but the glyphicon-asterisk wasn't aligned properley. Thank You for hlep — banker box, May 09 '16 at 16:21

Form Input Syntax In RAZOR

2 Answers2