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”
以便于使用,效果非常好

我认为这在这里是可行的:但是仍然要注意在输入字段中输入句点和逗号的限制: