Mobile HTML输入字段力编号
是否可以创建一个输入字段,将移动电话上的默认输入字符集设置为数字(从而弹出数字键盘?Mobile HTML输入字段力编号,mobile,user-input,wml,Mobile,User Input,Wml,是否可以创建一个输入字段,将移动电话上的默认输入字符集设置为数字(从而弹出数字键盘? 例如,为了更方便地将电话号码键入HTML表单。您可以使用。这是HTML5的一个新特性。较旧的浏览器只会默认为文本输入字段。要使数字输入更容易,请使用。要使输入电话号码更容易,请使用。并非所有手机都支持这些功能,但iPhone至少会默认为您提供一个数字键盘,而不是普通键盘。有关更多信息,请参见和。因此您可以使用type=“tel”或type=“numbers” 不同之处在于,一个用户尝试打开手机拨号键盘,另一个用
例如,为了更方便地将电话号码键入HTML表单。您可以使用
。这是HTML5的一个新特性。较旧的浏览器只会默认为文本输入字段。要使数字输入更容易,请使用
。要使输入电话号码更容易,请使用
。并非所有手机都支持这些功能,但iPhone至少会默认为您提供一个数字键盘,而不是普通键盘。有关更多信息,请参见和。因此您可以使用type=“tel”
或type=“numbers”
不同之处在于,一个用户尝试打开手机拨号键盘,另一个用户只需切换到手机键盘的数字输入。下面是一个Javascript示例。这将只允许来自numpad的数字/键盘顶部的数字和格式化程序(shift/backspace/etc)。您还可以考虑添加<代码> SET TimeOutEd()/Cux>,以秒为单位超时,对于<代码> OnChchange < /Cuff>事件,以检查是否有人将非数字粘贴到字段中以及服务器端验证。 例子
可以限制“手机”上的输入 手机表单条目使用
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
可以使用format=“*N”限制此处的输入。请使用JavaScript语言查看网页上文本输入元素值的跨浏览器过滤器的我的项目:。代码示例:
输入键过滤测试
电话号码
请以+***(***)***-***-**格式键入电话号码。示例:+1(23)456-78-90
函数getArrayPhoneNumber(值){
if(typeof值==“未定义”)
value=document.getElementById(“PhoneNumber”).value;
返回值。匹配(/^(\+?\d*)\(\d*)\)(\d*)-?(\d*)-?(\d*)-?(\d*)$/);
}
函数getPhoneNumber(){
var arrayPhoneNumber=getArrayPhoneNumber();
如果(!arrayPhoneNumber)
返回“”;
var phoneNumber=arrayPhoneNumber[1]+arrayPhoneNumber[2]+arrayPhoneNumber[3]+arrayPhoneNumber[4]+arrayPhoneNumber[5];
返回电话号码;
}
创建(“电话号码”,函数(事件){//onChange事件
inputKeyFilter.RemoveMyTooltip();
var arrayPhoneNumber=getArrayPhoneNumber();
如果(!arrayPhoneNumber | |(arrayPhoneNumber.length!=6)){
document.getElementById(“NewPhoneNumber”).innerHTML=“电话号码的格式不正确”;
返回;
}
var elementNewPhoneNumber=document.getElementById(“NewPhoneNumber”);
var phoneNumber=getPhoneNumber();
if(inputKeyFilter.isNaN(电话号码,此)){
elementNewPhoneNumber.innerHTML=“”;
返回;
}
elementNewPhoneNumber.innerHTML=电话号码;
}
,函数(elementInput,value){//customFilter
var arrayPhoneNumber=getArrayPhoneNumber(值);
if(arrayPhoneNumber==null){
inputKeyFilter.TextAdd(isRussian()?
"Недопустимый формат телефонного номера. Например: +1(234)56-78-90"
:“电话号码格式不正确。示例:+1(234)56-78-90”
,元素输入);
if(elementInput.value==“”)
elementInput.value=elementInput.defaultValue;
返回false;
}
返回true;
}
//onblur事件。如果要在输入值为NaN时再次将焦点设置为输入元素,请使用此函数。(空或无效)
,函数(事件){inputKeyFilter.isNaN(parseInt(getPhoneNumber()),this);}
);
新电话号码:
用于我的测试“您可以使用type=“tel”
或type=“numbers”
”
在iPhone上,
type=“tel”
只显示数字键盘(如手机),而type=“numbers”
显示数字键盘,切换为数字和符号,因此这两种功能都可以工作,具体取决于您的应用程序。对我来说,我只需要数字,所以我使用了type=“tel”
以便于使用,效果非常好 我认为这在这里是可行的:但是仍然要注意在输入字段中输入句点和逗号的限制: