点lable标签input没有获得焦点

与Picker选择器冲突了，导致点lable标签input没有获得焦点。
解决办法： 触发Picker.show（）；时 用click 代替tap

源代码：

<div class="mui-content">
<form id="recommendShop" action="" method="post">
<div class="mui-input-row">
<label for="ss-mch">名称</label>
<input type="text" class="mui-input-clear" id="ss-mch" placeholder="请填写商家名称">
</div>
<div class="mui-input-row">
<label for="ss-lxdh">电话</label>
<input type="tel" class="mui-input-clear" id="ss-lxdh" placeholder="请填写商家电话">
</div>
<div class="mui-input-row">
<label for="ss-lxdzh">地址</label>
<input type="text" class="mui-input-clear" id="ss-lxdzh" placeholder="请填写商家地址">
</div>
<div class="mui-input-row">
<label for="ss-fzr">负责人</label>
<input type="tel" class="mui-input-clear" id="ss-fzr" placeholder="请填写商家负责人电话">
</div>
<div class="area">
<h3>区域</h3>
<p>江苏省/无锡市/惠山区</p>
</div>
<div class="creditsRate">
<h3>积分比率</h3>
<p>5%</p>
</div>
<div class="IDcardZ">
<h3>身份证正面</h3>
<img class="wshitupian" src="../images/banner2.jpg"/>
</div>
<div class="IDcardZ">
<h3>身份证反面</h3>
<img class="wshitupian" src="../images/banner2.jpg"/>
</div>
<div class="IDcardZ">
<h3>营业执照</h3>
<img class="wshitupian" src="../images/banner2.jpg"/>
</div>
<div style="height: 65px;background-color: #fff; padding-top: 15px;">
<div class="submit">提交</div>
</div>
</form>
</div>

    <script src="../js/plugs/mui.picker.js"></script>  
    <script src="../js/plugs/mui.poppicker.js"></script>  
    <script type="text/javascript">  
        mui.init(  

        );        

        var creditsRatePicker = new mui.PopPicker();   //选择社群  
        creditsRatePicker.setData([{value:'0',text:'3%'},{value:'1',text:'5%'},{value:'2',text:'7%'},{value:'3',text:'10%'}]);  

        mui("#recommendShop").on('click','.creditsRate',function(){  
            creditsRatePicker.show(function (getSelectedItems) {      
                var js_creditsRate = document.querySelector(".creditsRate>p");  
                js_creditsRate.innerHTML = getSelectedItems[0].text;  
           });                
        });  

    </script>