亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在不會??消失的剃刀編輯器中擁有一段可編輯的文本?

如何在不會??消失的剃刀編輯器中擁有一段可編輯的文本?

慕娘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>

http://img1.sycdn.imooc.com//63ad529e000156e703790099.jpg

演示: https ://jsfiddle.net/davidliang2008/36mapuft/7/


要擺脫輸入中的箭頭,有兩種方法:

  • 應用我可以隱藏 HTML5 數字輸入的旋轉框嗎?

  • 將屬性覆蓋為type“文本”,例如,@Html.EditorFor(x => x.Capacity, new { @type = "text", @class = "form-control" })

    • 如果這會破壞客戶端驗證,則無需擔心。如果你打開它,當你輸入不是數字的東西時它仍然會捕捉到它。

    • 您的服務器端驗證也會捕獲它


查看完整回答
反對 回復 2022-12-29
  • 1 回答
  • 0 關注
  • 82 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號