最近有用户反映手机网的输入框不够人性化，比如手机号、卡号输入框应该默认显示数字键盘，邮箱输入框应该默认显示邮箱键盘。

百度上对这样的资料介绍很多，基本上都和这个页面是一个意思 http://www.w3school.com.cn/html5/att_input_type.asp ：

语法

<input type="value">

属性值

但是不能满足我的需求，在安卓下正常，但是在iPhone下就不行了。比如如果是卡号的话，按照这里所说，应该用type=”number”，但是我们卡号是0打头，这种情况下会输入框失去焦点时，自动删除开头的0。后来谷歌到一个外国网站有讲。http://sja.co.uk/2012/1/4/controlling-which-ios-keyboard-is-shown

Your standard text input field code will look something like this:

Telephone keyboard

In order to display the telephone keyboard, use this:

URL keyboard

For URLs you want this:

Email keyboard

For email addresses, you want this:

Numerical keyboard

And finally, for a simple numerical keyboard (similar to the telephone one but with no +, * and # key):

Other options

It’s also possible to control auto correct with the use of the following paramater:

Last, but by no means least, turning on or off auto capitalisation:

So the next time you’re creating a login field that takes an email address, use something like this:

至于在安卓和苹果上的区分，可以采用php来判断用户当前的操作系统，然后分别给出不一样的输入框，函数如下：

//判断用户的客户端类型

function clientType(){
if(stristr($_SERVER[HTTP_USER_AGENT],’Android’)) {
return “android”;
}else if(stristr($_SERVER[HTTP_USER_AGENT],’iPhone’)){
return “ios”;
}else{
return “other”;
}
}