基于Bootstrap重置输入框内容按钮插件

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn./bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn./bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script type="text/javascript" src="http://code.jquery./jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn./bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.bootstrap-pureClearButton.js"></script>   

<input type="text" data-pure-clear-button>
<input type="text" data-pure-clear-button="true">   

$.pureClearButton.setDefault({
 icon: 'glyphicon-plus'
});   

<div class="input-group">
 <span class="input-group-addon">额外元素</span>
 <input type="text" class="form-control"/>
</div>

<div class="input-group input-group-lg">
 <span class="input-group-addon" id="sizing-addon1">额外元素</span>
 <input type="text" class="form-control">
</div>

<div class="input-group">
 <span class="input-group-addon">
  <input type="radio" />
 </span>
 <input type="text" class="form-control" />
</div> 

<div class="input-group">
 <span class="input-group-btn">
   <button class="btn btn-default">额外元素按钮</button>
 </span>
 <input type="text"class="form-control" />
</div>

<div class="input-group">
 <div class="input-group-btn">
  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">button <span class="caret"></span></button>
  <ul class="dropdown-menu">
   <li><a href="">item1</a></li>
   <li><a href="">item2</a></li>
  </ul>
 </div>
 <input type="text" class="form-control" />
</div>

<div class="input-group">
 <div class="input-group-btn">
  <button class="btn btn-default dropdown-toggle">button</button>
  <button class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
  <ul class="dropdown-menu">
   <li><a href="">item1</a></li>
   <li><a href="">item2</a></li>
   </ul>
 </div>
 <input type="text" class="form-control" />
</div>