bug - input 不能拉起键盘
发布于 6 年前 作者 ykong 6080 次浏览 来自 问答

设备信息：

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 回复

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

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

Hi June，

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

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

回到顶部