慕娘9325324
2022-12-29 16:40:18
我不知道我要尋找的功能的名稱,這讓我抓狂。我正在使用以下剃須刀代碼來顯示我的表單輸入:<div class="col-sm"> @Html.LabelFor(m => m.Capacity) @Html.EditorFor(m => m.Capacity, new { htmlAttributes = new { @class = "form-control" } })</div>我想刪除顯示“向上和向下”箭頭的控件,而是在其中放置一些文本,如下所示:我想要一個看起來像綠色箭頭圖像的圖像,紅色箭頭圖像是我目前擁有的圖像,在此先感謝。當用戶在框中鍵入內容時,文本也不應消失。
1 回答

叮當貓咪
TA貢獻1776條經驗 獲得超12個贊
您可以使用Bootstrap Input Group來實現:
<form>
<div class="form-group">
@Html.LabelFor(x => x.Capacity)
<div class="input-group">
@Html.EditorFor(x => x.Capacity, new { @class = "form-control" })
<div class="input-group-append">
<span class="input-group-text">/20</span>
</div>
</div>
</div>
</form>
演示: https ://jsfiddle.net/davidliang2008/36mapuft/7/
要擺脫輸入中的箭頭,有兩種方法:
將屬性覆蓋為
type
“文本”,例如,@Html.EditorFor(x => x.Capacity, new { @type = "text", @class = "form-control" })
如果這會破壞客戶端驗證,則無需擔心。如果你打開它,當你輸入不是數字的東西時它仍然會捕捉到它。
您的服務器端驗證也會捕獲它
添加回答
舉報
0/150
提交
取消