小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在页面上存在5个及一上的input时, 第五和第六个input 在输入值 后失去焦点会自动隐藏 连placeholder都消失,但是在重新获得焦点的时候 输入的值有出现....还有在操作页面上除了input以外的元素,这两个自动隐藏input又会重新出现......
是固定第五第六.... 无论是怎么样的input...都一样自动隐藏.....
13 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个比较乱,或者加个微信hsc-rex看下demo
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。
我也遇到同样问题 ~ 而且你这个方法也不生效啊
wxml页面 上增加 bindblur='BindBUG_value' 和 style="will-change: {{BUG_value}}"
<input value='{{contactNumber}}' bindblur='BindBUG_value' style="will-change: {{BUG_value}}" name='contactNumber' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入联系人电话" />
页面js
BindBUG_value:function(e){
this.setData({
BUG_value:'transform'
});
},
实测可行
目前看起来是ios的渲染问题,dom元素是正常的,你先在bindblur的时候加个will-change:transform 切换,触发渲染
有回复 我同步在这里
同问,我在iOS 8和Android 4.4.3里也遇到过同样的问题,微信版本都是6.6.1
我也是啊。有时候点击input左上方区域就会这样,在安卓上
我也遇到同样问题,而且设置style="type:digit"这个也无效。请问楼主:你是怎么解决这个问题的?
<!--index.wxml-->
<!-- <dialog-area id='dialog' /> -->
<view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">{{errorMsg}}</view>
<view class="container">
<view class="header">
<image mode="widthFix" src="/images/index/index-bg.png" ></image>
</view>
<view class="header logo">
<image mode="widthFix" src="/images/index/index-logo.png" ></image>
<view class="header title">
<image mode="widthFix" src="/images/index/index-title.png" ></image>
<view class="content">
<view class='content-title'>
<view class='red-vertical'></view>
培训汇报
<form id='drafts' bindsubmit="draftsSubmit" class='content-box'>
<form id='report' bindsubmit="formSubmit" class='content-box'>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/map.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{Geocoded}}' name='Geocoded' disabled='true' bindtap="bindGeocodedTap" type="text" class="weui-input-fire" placeholder="请选择所在辖区" />
<block wx:if="{{showGps}}">
<view class="item-input-ft">
<view bindtap='gps' hover-class="navigator-hover" class="gps-btn">
<view class="gps-btn-icon"><image mode="widthFix" src='/images/input/gps.png'></image></view>
<view class="gps-btn-word">定位辖区</view>
</block>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/flag.png'></image></view>
<input name='address' value='{{address}}' type="text" class="weui-input-fire" placeholder="请输入详细地址" />
<view class='item-input-icon'><image mode="widthFix" src='/images/input/type.png'></image></view>
<picker name='publicityType' bindchange="bindTypeChange" value="{{publicityType}}" range="{{types}}" range-key='title' >
<block wx:if="{{publicityType!=0}}">
<view class="weui-input-fire ">{{types[publicityType].title}}</view>
<block wx:else>
<view class="weui-input-fire default">{{types[publicityType].title}}</view>
</picker>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/home.png'></image></view>
<input value='{{organization}}' name='organization' type="text" class="weui-input-fire" placeholder="请输入单位名称" />
<view class='item-input-icon'><image mode="widthFix" src='/images/input/number.png'></image></view>
<input value='{{number}}' name='number' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入培训人数" />
<view class='item-input-icon'><image mode="widthFix" src='/images/input/name.png'></image></view>
<input value='{{contactName}}' name='contactName' type="text" class="weui-input-fire" placeholder="请输入联系人姓名" />
<view class='item-input-icon'><image mode="widthFix" src='/images/input/phone.png'></image></view>
<input value='{{contactNumber}}' name='contactNumber' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入联系人电话" />
<view class='item-input-icon'><image mode="widthFix" src='/images/input/remarks.png'></image></view>
<textarea value='{{remarks}}' name='remarks' maxlength="200" bindinput="bindInputRemarks" class="weui-textarea" placeholder="请输入备注信息" />
<view class="weui-textarea-counter">{{remarksCount}}/200</view>
<view class='item-input-box' style='border: none; padding-bottom:0;'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/image.png'></image></view>
<view class='item-input' >
<input disabled='true' type="number" class="weui-input-fire" placeholder="请上传照片" />
<view class='item-input-box' >
<upload id='upload' style='width:100%;' />
<button class='report_button' formType="submit" >汇报</button>
</form>
<button class='drafts_button' formType="submit" ><image mode="widthFix" src='/images/input/drafts.png'></image></button>
<view class='footer'>
<span>©</span>
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个比较乱,或者加个微信hsc-rex看下demo
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。
我也遇到同样问题 ~ 而且你这个方法也不生效啊
wxml页面 上增加 bindblur='BindBUG_value' 和 style="will-change: {{BUG_value}}"
<input value='{{contactNumber}}' bindblur='BindBUG_value' style="will-change: {{BUG_value}}" name='contactNumber' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入联系人电话" />
页面js
BindBUG_value:function(e){
this.setData({
BUG_value:'transform'
});
},
实测可行
目前看起来是ios的渲染问题,dom元素是正常的,你先在bindblur的时候加个will-change:transform 切换,触发渲染
有回复 我同步在这里
同问,我在iOS 8和Android 4.4.3里也遇到过同样的问题,微信版本都是6.6.1
我也是啊。有时候点击input左上方区域就会这样,在安卓上
我也遇到同样问题,而且设置style="type:digit"这个也无效。请问楼主:你是怎么解决这个问题的?
<!--index.wxml-->
<!-- <dialog-area id='dialog' /> -->
<view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">{{errorMsg}}</view>
<view class="container">
<view class="header">
<image mode="widthFix" src="/images/index/index-bg.png" ></image>
</view>
<view class="header logo">
<image mode="widthFix" src="/images/index/index-logo.png" ></image>
</view>
<view class="header title">
<image mode="widthFix" src="/images/index/index-title.png" ></image>
</view>
<view class="content">
<view class='content-title'>
<view class='red-vertical'></view>
培训汇报
</view>
<form id='drafts' bindsubmit="draftsSubmit" class='content-box'>
<form id='report' bindsubmit="formSubmit" class='content-box'>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/map.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{Geocoded}}' name='Geocoded' disabled='true' bindtap="bindGeocodedTap" type="text" class="weui-input-fire" placeholder="请选择所在辖区" />
</view>
<block wx:if="{{showGps}}">
<view class="item-input-ft">
<view bindtap='gps' hover-class="navigator-hover" class="gps-btn">
<view class="gps-btn-icon"><image mode="widthFix" src='/images/input/gps.png'></image></view>
<view class="gps-btn-word">定位辖区</view>
</view>
</view>
</block>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/flag.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input name='address' value='{{address}}' type="text" class="weui-input-fire" placeholder="请输入详细地址" />
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/type.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<picker name='publicityType' bindchange="bindTypeChange" value="{{publicityType}}" range="{{types}}" range-key='title' >
<block wx:if="{{publicityType!=0}}">
<view class="weui-input-fire ">{{types[publicityType].title}}</view>
</block>
<block wx:else>
<view class="weui-input-fire default">{{types[publicityType].title}}</view>
</block>
</picker>
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/home.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{organization}}' name='organization' type="text" class="weui-input-fire" placeholder="请输入单位名称" />
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/number.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{number}}' name='number' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入培训人数" />
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/name.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{contactName}}' name='contactName' type="text" class="weui-input-fire" placeholder="请输入联系人姓名" />
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/phone.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<input value='{{contactNumber}}' name='contactNumber' bindinput="bindReplaceNumber" type="number" class="weui-input-fire" placeholder="请输入联系人电话" />
</view>
</view>
</view>
<view class='item-input-box'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/remarks.png'></image></view>
<view class='item-input'>
<view class="item-input-bd">
<textarea value='{{remarks}}' name='remarks' maxlength="200" bindinput="bindInputRemarks" class="weui-textarea" placeholder="请输入备注信息" />
<view class="weui-textarea-counter">{{remarksCount}}/200</view>
</view>
</view>
</view>
<view class='item-input-box' style='border: none; padding-bottom:0;'>
<view class='item-input-icon'><image mode="widthFix" src='/images/input/image.png'></image></view>
<view class='item-input' >
<view class="item-input-bd">
<input disabled='true' type="number" class="weui-input-fire" placeholder="请上传照片" />
</view>
</view>
</view>
<view class='item-input-box' >
<upload id='upload' style='width:100%;' />
</view>
<button class='report_button' formType="submit" >汇报</button>
</form>
<button class='drafts_button' formType="submit" ><image mode="widthFix" src='/images/input/drafts.png'></image></button>
</form>
</view>
<view class='footer'>
<span>©</span>
</view>
</view>