移动web端<input type="number">手机上点击直接打开数字键盘，并修改样式去除最右端上下箭头

CSS样式代码：

input[type='number'] {    -moz-appearance:textfield;}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

HTML页面代码：

<input type="text" id="loginName" name="loginName" value="请输入手机号码" onfocus="if (value =='请输入手机号码'){value =''} this.type='number'" onblur="this.type='text' if (value ==''){value='请输入手机号码'}"/>

其中，onblur事件似乎没有效果，希望路人朋友大神能给出更好的解决办法，拜谢。