如何在asp.net文本框中的左右添加标签

Question

I try to add label in the right side as well of the text box to include the unit of the value. I would like to have like this

and This code gives like this .

this is my code

    <div class="form-group ">

                    @Html.LabelFor(model => model.files, htmlAttributes: new { @class = "control-label col-md-3" })
                    <div class="col-md-8">
                        @{ Html.EnableClientValidation(false); }

                        @Html.EditorFor(model => model.files, new { htmlAttributes = new { @class = "form-control " } })<span>GB</span>
                        @{ Html.EnableClientValidation(true); }
                        @Html.ValidationMessageFor(model => model.files, "", new { @class = "text-danger" })

                    </div>
                </div>

Thanks.

Answer 1

The class = "col-md-8" contains position:relative. Since this line has class="form control " and your GB doesn't have a class. It goes to its natural position. Adding a class should tell it where to go.

@Html.EditorFor(model => model.files, new { htmlAttributes = new { @class = "form-control col-md-11" } })<span class="col-md-1">GB</span>