大数据 Hadoop 华为鸿蒙 微信小程序教程 机器学习 摩尔投票法 Pytorch macos post eloquent 3d Semantic UI ionic framework java并发编程视频 linux内存管理 hadoop特点 java解析json数组 idea开发python python实例 pythonsocket编程 linux配置python环境 python的安装路径 java初级入门教程 java集合遍历 java中string的方法 linux命令行 pascal教程 局域网助手 华为交换机学习指南 firework下载 robotstudio 页面刷新 ABViewer 抖音代码 脚本编程 mathcad lrc软件 魔兽天龙八部 计划任务软件 炫舞爱的惊喜
当前位置: 首页 > 学习教程  > 

bootstrap input 框 清除 小插件

2020/10/16 17:43:22 文章标签: bootstrap文本框

效果 点击input框后的小 清除input框内容 在input框中加入 data-pure-clear-button <input type"text" data-pure-clear-button class"form-control input-sm" id"companyname" name"companyname"placeholder"选择企业&quo…

效果 点击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地址:点击打开链接


本文链接: http://www.dtmao.cc/news_show_300036.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?