html 文本框 重置,Bootstrap和jQuery实用重置输入框内容的按钮插件

pureClearButton是一款基于Bootstrap的非常实用的用于清空和重置input输入框内容的jQuery按钮插件。当好在输入框中输入一些内容之后，如果想清除这些内容，可以直接点击输入框右侧的小圆叉按钮即可。该jQuery按钮插件支持的输入框类型有：

text

password

email

url

search

tel

number

datetime

使用方法

使用该重置input输入框内容插件要引入jQuery和Bootstrap文件以及jquery.bootstrap-pureClearButton.js文件。

HTML结构

这个jQuery按钮插件的HTML结构可以使用下面两种格式中的任意一种。

初始化插件

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

$.pureClearButton.setDefault({

icon: 'glyphicon-plus'

});

方法

该jQuery插件有4个可用的方法：

.pureClearButtn('create')：在指定输入框中创建一个清除/重置按钮。

.pureClearButtn('destroy')：在指定输入框中销毁一个清除/重置按钮。

.pureClearButtn('show')：在指定输入框中显示一个清除/重置按钮。

.pureClearButtn('hide')：在指定输入框中隐藏一个清除/重置按钮。