html5 输入密码时怎么改键盘样式为数字键盘

Question

html5在移动端输入密码时怎么改键盘样式为数字键盘？当 <input type="number">时，弹出来的是数字键盘。怎么样使 <input type="password">时更改键盘也为数字键盘？

Answer 1

可以设置两个input框，把input设置为绝对定位，上层

<input type='number' val='' style='z-index=10' />

设置透明度为0，下层

<input type='password' val='' style = 'z-index=1' />

这样，当你点击input框的时候触发上层input框，即可弹出数字框，然后把数字框value通过js传给下层的input，即为密码，这样模拟实现你说的效果