收藏
回答

bug - input 不能拉起键盘

设备信息:

IOS 9.3.5(13G36)

iphone 6s(128G)

微信版本 6.5.22


问题描述:

点击下图中的 入住人、手机号,无法拉起键盘

而 留言处 可以正常拉起键盘输入



<view class="form-block">
  <view class="form-label">
    入住信息
  </view>
  <view class="form-content">
    <view class="form-item">
      <text class="form-item-label">入住人</text>
      <input type="text" name="name" bindchange="changeName" />
    </view>
    <view class="form-item">
      <text class="form-item-label">手机号</text>
      <input type="text" name="name" bindchange="changePhone" />
    </view>
 
  </view>
</view>


.form-block .form-label {
  color: #888;
  padding: 30rpx;
  font-size: 14px;
}
.form-block .form-content {
  background: #fff;
  border-top: 1px solid #e5e5e5;
}
.form-block .form-item {
  padding: 20rpx 30rpx;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
}
.form-block .form-item .form-item-label {
  min-width: 70px;
  padding-right: 20rpx;
  color: #999;
  flex: 0 0 auto;
  font-size: 17px;
}
.form-block .form-item input,
.form-block .form-item textarea {
  color: #000;
  font-size: 17px;
  flex: 1 1 0%;
}


回答关注问题邀请回答
收藏

2 个回答

  • 小程序技术专员-june
    小程序技术专员-june
    2017-11-29

    你好,这边并未复现你的问题,想确认下是点击到输入框的区域无法聚焦吗?


    按照例子中的代码,“入住人”这三个字不是输入框的placeholder,而是输入框以外的文案。

    2017-11-29
    有用
    回复
  • Cheng
    Cheng
    2017-12-02

    Hi June,

    是用户报过来的问题,确定是点了 input 的组件然后键盘没有出现,所以就无法输入文本。

    代码中的入住人确实不是placeholder 因为想要的效果就是 填写的时候 左边的“入住人”还是能显示,类似 form 表单中的 label。

    2017-12-02
    有用
    回复
登录 后发表内容