BootStrap+.net MVC 输入框按钮组

最新推荐文章于 2020-11-21 23:39:10 发布

原创最新推荐文章于 2020-11-21 23:39:10 发布 · 298 阅读

0 ·

CC 4.0 BY-SA版权

BootStrap+.net MVC 专栏收录该内容

1 篇文章

订阅专栏

本文展示了两种不同的实现方式：纯HTML和结合.NETMVC框架的输入框及搜索按钮示例代码。这些代码段可以作为创建具有只读属性的输入框以及附加搜索功能的参考。

HTML:

<div class="input-group">
       <input type="text" class="form-control" readonly="readonly" name="InvoiceTypeName" id="InvoiceTypeName">
       <spsan class="input-group-addon btn-primary" for="InvoiceTypeName" "javascript: $('#InvoiceTypeName').click();">
            <i class="fa fa-search" aria-hidden="true"></i>
       </spsan>
</div>

.NET MVC

 <div class="input-group">
         @Html.EditorFor(model => model.DepName, new { htmlAttributes = new { @class = "form-control", @readonly = "readonly" } })
         <spsan class="input-group-addon btn-primary" for="DepName" "javascript: $('#DepName').click();">
                 <i class="fa fa-search" aria-hidden="true"></i>
         </spsan>
 </div>