微信小程序 IOS 端输入框提示存储密码的解决方法

由于 IOS 系统「自动填充密码」这个功能是默认开启的，在小程序的登录页面，当填写完账号密码的 input 框光标离开后，选择不存储的话，有一定几率登录的 button 按钮会无反应。

解决方法：

在设备上把「自动填充密码」关闭，不过一般用户不会自行关闭。
在账号及密码中间添加一个类型为 password 的 input 框，并且让他不可见，不能使用 display:none;。

代码如下：

<form>
  <view>
    <input name="loginName" maxlength="11" placeholder="请输入账号" />
  </view>
  <view style="width: 1rpx;height: 1rpx;overflow: hidden;">
    <input type="password"></input>
  </view>
  <view>
    <input name="password" maxlength="16" type="password" placeholder="请输入密码" />
  </view>
  <button form-type="submit">登录</button>
</form>

本文作者：Kiro

本文链接： https://www.kiro.cc/2022/06/weapp-ioslogin/

更新于 2023-04-14

# 微信小程序