手机前端input的type问题,输入身份证考虑到“X”

input的type问题

    在web程序中,经常会遇到手机访问输入身份证号的情况。
    在表单中,input标签的type设置为number的时候, 
    考虑到有用户的身份证号码最后一位是字母“X”,所以用肯定是不可以的, 
    根本获取不到值,但是设置为number的时候有一个方便之处, 
    就是手机弹出来的是数字键盘,对用户很友好,图如下:

手机前端input的type问题,输入身份证考虑到“X”_第1张图片

    若是使用type=“text”,获取值肯定没问题,但是弹出来的键盘是拼音键盘,对用户不友好,输入有点繁琐,图如下:

手机前端input的type问题,输入身份证考虑到“X”_第2张图片
若是自己设置弹出来的键盘样式,这个太过高深,反正我是不会。然后我试出了一个办法,就是type=“tel”,这样弹出来的是数字键盘,还可以接收到值。不知道这个用法是不是通用的,我使用的是weui,v1.0.1新版的,大家可以试一下看看。

你可能感兴趣的:(手机,前端,标签,表单,身份证号)