基于引导程序重置输入框内容按钮插件

当好在输入框中输入一些内容之后，如果想清除这些内容，可以直接点击输入框右侧的小圆叉按钮即可。

textpasswordemaillsearchtelnumberdatetime

使用方法

使用该重置投入输入框内容插件要引入框架和引导程序文件以及jquery。bootstrap-PureClearButton。射流研究…文件。

链接rel='样式表href=' https://最大cdn。bootstrapcdn。com/bootstrap/3。3 .4/CSS/bootstrap。量滴CSS ' link rel='样式表href=' https://最大cdn。bootstrapcdn。com/bootstrap/3。3 .4/CSS/bootstrap-主题。量滴CSS '脚本类型=' text/JavaScript ' src=' http 3360http://代码。jquery。com/jquery-jquery结构

这个框架按钮插件的超文本标记语言结构可以使用下面两种格式中的任意一种。

输入类型=“文本”数据-纯透明按钮输入类型=“文本”数据-纯清除按钮='真'初始化插件

在页面加载完毕之后，可以使用下面的方法来初始化该插件。

$ .PureClearButton。SetDefault({ icon : ' glyphicon-plus ' })；方法

该框架插件有四个可用的方法：purclearbutton(' create '):在指定输入框中创建一个清除/重置按钮。pureClearButtn('销毁'):在指定输入框中销毁一个清除/重置按钮。purclearbutton(' show '):在指定输入框中显示一个清除/重置按钮。pureClearButtn('隐藏'):在指定输入框中隐藏一个清除/重置按钮。

下面再为大家进行扩展内容：引导输入框

1、添加额外元素。输入组插件

外包元素。输入组输入组插件表单控件

' div class='输入组' span class='输入组-插件'额外元素/span输入类型=' text ' class=' form-control '/div 2，输入框组尺寸

控制类。输入-组-*:输入-组-lg/.输入组钐

div class=' input-group input-group-LG ' span class=' input-group-addon ' id=' size-addon 1 '额外元素/span输入类型=' text ' class=' form-control '/div 3，额外元素添加单选或多选

在额外元素中嵌套单选或多选按钮元素

div class=' input-group ' span class=' input-group-addon ' input type=' radio '/span input type=' text ' class=' form-control '/div 4，额外元素为按钮

额外按钮类。输入组按钮

“输入组”按钮=“BTN BTN-默认”额外元素按钮/按钮/范围输入类型=' text ' class=' form-control '/div 5，额外元素为下拉按钮菜单。输入组按钮包含下拉按钮菜单元素（包括触发器和下拉菜单)

div class=' input-group ' div class=' input-group-BTN '按钮class=' BTN BTN-默认下拉-切换'数据-切换='下拉'按钮span class='脱字符号/span/button ul class='下拉菜单' lia href='项目1/a/Li lia href='项目2/a/Li/ul/div输入类型='文本' class='表单-控件'/div 6，额外元素为分裂式按钮下拉菜单

额外元素包含分裂式按钮下拉菜单（按钮，触发器和下拉菜单)

div class=' input-group ' div class=' input-group-BTN '按钮class=' BTN BTN-默认下拉-切换'按钮class=' BTN BTN-默认下拉-切换'数据-切换='下拉' span class='插入符号/span/按钮ul class='下拉菜单' lia href='项目1/a/Li lia href='项目2/a/Li/ul/div输入类型=' text ' class=' form-control '/div以上就是本文的全部内容，希望对大家的学习有所帮助。