使用input将手机软键盘出现搜索按钮

<div className=‘box’>
<div className="query-input-model">
    <form action='' target="rfFrame">
          <input    type="search"  onKeyDown={this.queryKeyDownHandler.bind(this)} />
    </form>
</div>
<iframe id="rfFrame" name="rfFrame" src={{about:"blank"}} style={{display:"none"}}>   </iframe>
</div>

注意事项：
1）input中的type是search
2）input必须包裹在form中才能有效果
3）如果想要搜索的时候不刷新页面需要在form中action设置为空，target设置为本页面中的iframe
效果：
1）手机软键盘显示搜索按钮

1.png

2）点击搜索不会发生刷新页面，并停留在本页面