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

Question

input(type="number", placeholder="请输入号码")

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

Answer 1

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

如果只是针对移动端的话可以尝试用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" };
});