iPhone 和 Android 手机对 input 标签 type= tel 和 type = number 调起键盘的表现差异

1. 在 iPhone 上要输入小数的话,input 标签要使用 type = number, 而在 Android 手机上 type = number 和 type = tel 都可以输入小数点

1. 在 Android  和 iPhone 上,input 标签 type = tel, type = number 都能调起数字键盘, 区别在于 iPhone 上能不能输入小数点
2. 在 iPhone 上, input 标签 type = tel 调起的键盘是不能输入小数点的
3. 在 iPhone 上, input 标签 type = number 调起的键盘可以输入小数点
4. 在 Android 上,两种都可以输入小数点
5. 在 Android 上, type = tel 可以输入汉字,英文字母等,type = number 不行
6. Android 和 iPhone 对 tel 和 number 的表现刚好有点相反,在 Android 上 tel 可以输入汉字空格等,number 不行,而在 iPhone 上刚好反过来了,tel 不能输入汉字,number 可以输入汉字空格

iPhone

(1) input [tel] :不能输入汉字空格,弹出的键盘没有小数点

iPhone 和 Android 手机对 input 标签 type= tel 和 type = number 调起键盘的表现差异_第1张图片
image

(2) input [number] :能输入汉字,空格,弹出的键盘有小数点

iPhone 和 Android 手机对 input 标签 type= tel 和 type = number 调起键盘的表现差异_第2张图片
image

Android

(1) input [number]: 不能输入汉字 (下面个输入框)

(2) input [tel] :能输入汉字,空格等

iPhone 和 Android 手机对 input 标签 type= tel 和 type = number 调起键盘的表现差异_第3张图片
image

你可能感兴趣的:(iPhone 和 Android 手机对 input 标签 type= tel 和 type = number 调起键盘的表现差异)