bootstrap input 框 清除 小插件

  • Post author:
  • Post category:其他


效果 点击input框后的小× 清除input框内容

在input框中加入

data-pure-clear-button

<input type="text" data-pure-clear-button class="form-control input-sm" id="companyname" name="companyname"placeholder="选择企业">

然后如下:

<script type="text/javascript">
        $.pureClearButton.setDefault({
            icon: 'glyphicon-remove'
        });
</script>

接下来引入(特别注意jquery版本冲突问题):

<script src="/js/jquery.bootstrap-pureClearButton.js"></script>

一切OK.

下载js地址:

点击打开链接



版权声明:本文为weixin_41172767原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。