第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

如何使用輸入框用叉清除輸入的文字?

如何使用輸入框用叉清除輸入的文字?

三國紛爭 2019-02-15 21:14:34
 <td width="12%"><input  style="font-size:10px; "class="form-control" placeholder="輸入完整訂單號" ng-model="vm.form.ord_sno"            ng-keydown="EnterSubmit()"></td>
查看完整描述

1 回答

?
哈士奇WWW

TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超6個贊

看到了 ng 應(yīng)該是 angular ,不清楚是 哪一個版本 的,所以就按一般情況吧


先做一個 x ,然后綁定ng-click,然后綁定一個 ng-click='clearData', 最后在 controller 中 加入下述函數(shù)即可


$scope.clearData = function(){

    $scope.vm.form.ord_sno = ''

};

html


<div class="form-group">

  <input type="text" class="form-control">

  <span class="input-cancel">X</span>

</div>

sass:


.form-group {

  top: 200px;

  left: 200px;

  width: 100px;

  position: relative;

  .input-cancel {

    position: absolute;

    right: 0;

    top: 0;

    display: none;

  }

  .form-control {

    width: 100%;

    &:focus ~  .input-cancel, &:hover ~  .input-cancel {

      display: block; 

    }

  }

}

演示

以上代碼不保證正確,請依照實(shí)際angular版本中的方法函數(shù)使用


查看完整回答
反對 回復(fù) 2019-02-16
  • 1 回答
  • 0 關(guān)注
  • 488 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號