html - Bootstrap : Make glyphicon within input clickable

Question

我有以下生成此代码的代码:

 <div class='input-group manualInput'>
       <input id='address-input' type='text'  class='form-control' placeholder='Enter your current location!'/>
       <span class='input-group-addon'>
          <i class='glyphicon glyphicon-search'></i>
       </span>
  </div>

如何使字形图标可点击？并调用一个JS函数

Answer 1

像这样添加一个 JavaScript onClick 事件:

<span class='input-group-addon'>
    <i class='glyphicon glyphicon-search' onclick="myfunction();"></i>
</span>