input输入框是最平常不过的页面元素了,不过在app中,系统设置可能也会与原生的控件有关。下面是遇到的一个奇葩的问题记录一下。
前提是ios系统设置键盘开启首字母自动大写。
页面元素加个input输入框
<input type="number" placeholder="请输入委托金额" />
此时第一次唤起输入框时是这样(图内其他元素为项目中的,可忽略):
聚焦在了键盘数字栏的“更多”tab下。重新聚焦唤起输入框后,问题消失。
为了避免这类问题,H5的解决办法可以这样:
在input输入框加上 autocapitalize=“none"或"off” 属性:
<input type="number" placeholder="请输入委托金额" autocapitalize="off" />
问题可以解决。具体ios原生的修改方法暂未知。