如何在ASP.NET MVC5中添加美元符号?

时间:2019-10-11 19:34:54

标签: asp.net-mvc asp.net-mvc-5

如何在无法编辑的TextBox前面添加美元符号?我想要一个美元符号,这样人们就不需要自己键入“ $”。这是我的代码:

    @Html.Label("lblP1", "Rate 1", htmlAttributes: new { @class = "control-label", @style = "margin-right: 30px" })
<br />
@Html.EditorFor(m => m.Pricing.Price1, null, new { htmlAttributes = new { @type = "string", @class = "form-control" } })

Picture

1 个答案:

答案 0 :(得分:1)

这是使用引导程序的示例:

<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text">$</span>
  </div>   
  @Html.EditorFor(m => m.Pricing.Price1, null, new { htmlAttributes = new { @type = "string", @class = "form-control" } })      
</div>

来源:https://getbootstrap.com/docs/4.0/components/input-group/