在 Android 默认浏览器中 input 标签 number 类型的 placeholder 属性失效.

6WQnWG37
  • 633
input(type="number", placeholder="请输入号码")

目前 number 属性的做法是在手机中默认显示数字输入面板.
但在 Android 中 placeholder 属性会失效. 有没有比较好的解决办法呢?

回复
阅读 7.8k
1 个回答
ZheX
  • 256
✓ 已被采纳

这个要看浏览器的版本,每个手机上的浏览器版本,或者浏览器本身就不同,对现有标准的支持度也不一样。

如果只是针对移动端的话可以尝试用type="tel"来代替type="number".

如果需要兼容多个平台,那最好还是用js代码来实现placeholder

$("input[type='number']").each(function(i, el) {
    el.type = "text";
    el.onfocus = function() { this.type="number" };
    el.onblur = function() { this.type="text" };
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏