blocks|key|1577664|text|我发现一个更好的解决方案是在为移动和桌面浏览器设计表单时使用<input+type="text"+pattern="[0-9]*">。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1577665|entityMap^0|U|10|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I found a better solution is to use <code>&lt;input type="text" pattern="[0-9]*"&gt;</code> when designing forms for both mobile and desktop browsers.

blocks|key|1577470|text|在IPhone+OS+3.0上检查，这个功能仍然不在那里，不确定为什么苹果刚刚删除了这个方便的功能，真的很沮丧，现在工作:(|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1577471|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Checked on IPhone OS 3.0, this functionality was still not there, not sure why Apple just removed this handy functionality, really upset to work on this right now :(

blocks|key|1577516|text|以下是与iOS+(4.0及更高版本)+web视图兼容的每种类型的列表：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1577517|http://conecode.com/news/2011/12/mobile-safari-uiwebview-input-types/|offset|length|1577518|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1X|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

Here is a list of every type compatible with iOS (4.0 and greater) web views:

<a href="http://conecode.com/news/2011/12/mobile-safari-uiwebview-input-types/" rel="nofollow">http://conecode.com/news/2011/12/mobile-safari-uiwebview-input-types/</a>

blocks|key|1577410|text|这在Safari的第一次迭代中是可能的--+iPhone会给出数字键盘来形成名字中带有“zip”或“phone”的字段--但是在iPhone+OS+2.0中它消失了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1577411|PhoneGap目前还没有一个API函数来覆盖它。这可能是他们正在做的事情，这绝对是一个很棒的功能。|1577412|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This was possible in the first iteration of the iPhone OS - Safari would give numeric keyboards to form fields with 'zip' or 'phone' in their names - but it disappeared in iPhone OS 2.0.

PhoneGap doesn't have an API function to override this at the moment. It may be something they're working on, it'd definitely be a nifty feature.

blocks|key|1362405|text|iOS+Mobile+Safari还支持：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1362406|<input+type="password"+/>|code-block|syntax|javascript|1362407|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

iOS Mobile Safari also supports:

<pre><code>&lt;input type="password" /&gt;
</code></pre>

blocks|key|1577905|text|基于iOS+phonegap的应用程序还可以使用以下功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1577906|input+type="number"+pattern="[0-9]*"|code-block|syntax|javascript|1577907|它如下图所示。与iOS+8.2和PhoneGap3.5及以上版本配合使用效果很好。|1577908|​|1577909|📷|atomic|offset|length|1577910|1577911|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/a071a9ccd301b9505a67d867ac86cc57.png|imageAlt^0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|10|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|11|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|12|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|13|8|@]|9|@$N|14|O|15|1|16]]|A|$]]|$1|P|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X|Y|-4]]]]

What you can also use for iOS phonegap based app is :
<pre><code>input type=&quot;number&quot; pattern=&quot;[0-9]*&quot;
</code></pre>
It is shown in the image below. Works beautifully with iOS 8.2 and phonegap 3.5 and above.
<a href="https://i.stack.imgur.com/X3Lug.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X3Lug.png" alt="" /></a>

blocks|key|1362539|text|iOs有一个数字键盘UIKeyboardTypeNumbersAndPunctuation，但它不能从超文本标记语言(https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html)调用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1362540|由于"tel“键盘上缺少标点符号，因此您必须自己创建标点符号。因为ios8自定义键盘是可用的。或者，如果您只需要标点符号，则可以在使用type="number"+pattern="[0-9]*"指定输入字段时弹出的数字键盘上添加一个按钮(How+to+add+a+'Done'+button+to+numpad+keyboard+in+iOS)。|1362541|为此:+objective-c代码。|1362542|-(void)keyboardWillHide:(NSNotification+*)note
{
++++[self.donekeyBoardBtn+removeFromSuperview];
++++[self.webView+stringByEvaluatingJavaScriptFromString:[NSString+stringWithFormat:+@"document.activeElement.blur()"]];
}

-+(void)keyboardWillShow:(NSNotification+*)note
{
++++[UIView+setAnimationsEnabled:NO];
++++//+create+custom+button
++++//UIKeyboardTypeNumberPadin
++++//type="number"+pattern="[0-9]*"
++++UIButton+*extryB=+[UIButton+buttonWithType:UIButtonTypeRoundedRect];
++++extryB.frame+=+CGRectMake(0,+self.view.frame.size.height%2B150,+100,+50);
++++extryB.backgroundColor+=+[UIColor+colorWithRed:204.0f/255.0f
+++++++++++++++++++++++++++++++++++++++++++++green:210.0f/255.0f
++++++++++++++++++++++++++++++++++++++++++++++blue:217.0f/255.0f
+++++++++++++++++++++++++++++++++++++++++++++alpha:1.0f];
++++extryB.adjustsImageWhenHighlighted+=+NO;
++++extryB.titleLabel.font+=+[UIFont+systemFontOfSize:14.0];
++++[extryB+setTitle:@","+forState:UIControlStateNormal];
++++[extryB+setTitleColor:[UIColor+blackColor]+forState:UIControlStateNormal];
++++[extryB+addTarget:self+action:@selector(extryBpressed)+forControlEvents:UIControlEventTouchUpInside];



self.donekeyBoardBtn+=+extryB;

//+locate+keyboard+view
UIWindow*+tempWindow+=+[[[UIApplication+sharedApplication]+windows]+objectAtIndex:1];
UIView*+keyboard;
for(int+i=0;+i<[tempWindow.subviews+count];+i%2B%2B)
{
++++keyboard+=+[tempWindow.subviews+objectAtIndex:i];
++++//+keyboard+view+found;+add+the+custom+button+to+it

++++if([[keyboard+description]+hasPrefix:@"<UIInputSetContainerView"]+==+YES)
++++{

++++++++for(int+i+=+0+;+i+<+[keyboard.subviews+count]+;+i%2B%2B)
++++++++{
++++++++++++UIView*+hostkeyboard+=+[keyboard.subviews+objectAtIndex:i];

++++++++++++if([[hostkeyboard+description]+hasPrefix:@"<UIInputSetHost"]+==+YES)
++++++++++++{
++++++++++++++++UIButton*+donebtn+=+(UIButton*)[hostkeyboard+viewWithTag:67123];
++++++++++++++++if+(donebtn+==+nil){
++++++++++++++++++++//to+avoid+adding+again+and+again+as+per+my+requirement+(previous+and+next+button+on+keyboard)

++++++++++++++++++++if([[self+printKeyboardType]+isEqualToString:+@"UIKeyboardTypePhonePad"]){
++++++++++++++++++++++++[keyboard+addSubview:extryB];
++++++++++++++++++++}

++++++++++++++++}
++++++++++++}
++++++++}
++++}
++++//[keyboard+addSubview:extryB];
}
[UIView+setAnimationsEnabled:YES];
//+animate
[UIView+animateWithDuration:0.5+animations:%5E{
++++extryB.frame+=+CGRectMake(0,+self.view.frame.size.height-50,+100,+50);
}];
}

-(NSString*)printKeyboardType
{

NSString*+strKeyboardType+=+@"";
switch+(self.textDocumentProxy.keyboardType)+{
++++case+UIKeyboardTypeAlphabet:
++++++++strKeyboardType+=+@"UIKeyboardTypeAlphabet";
++++++++break;
++++case+UIKeyboardTypeDecimalPad:
++++++++strKeyboardType+=+@"UIKeyboardTypeAlphabet";
++++++++break;
++++case+UIKeyboardTypeDefault:
++++++++strKeyboardType+=+@"UIKeyboardTypeDefault";
++++++++break;
++++case+UIKeyboardTypeEmailAddress:
++++++++strKeyboardType+=+@"UIKeyboardTypeEmailAddress";
++++++++break;
++++case+UIKeyboardTypeTwitter:
++++++++strKeyboardType+=+@"UIKeyboardTypeTwitter";
++++++++break;
++++case+UIKeyboardTypeNamePhonePad:
++++++++strKeyboardType+=+@"UIKeyboardTypeNamePhonePad";
++++++++break;
++++case+UIKeyboardTypeNumberPad:
++++++++strKeyboardType+=+@"UIKeyboardTypeNumberPad";
++++++++break;
++++case+UIKeyboardTypeNumbersAndPunctuation:
++++++++strKeyboardType+=+@"UIKeyboardTypeNumbersAndPunctuation";
++++++++break;
++++case+UIKeyboardTypePhonePad:
++++++++strKeyboardType+=+@"UIKeyboardTypePhonePad";
++++++++break;
++++case+UIKeyboardTypeURL:
++++++++strKeyboardType+=+@"UIKeyboardTypeURL";
++++++++break;
++++case+UIKeyboardTypeWebSearch:
++++++++strKeyboardType+=+@"UIKeyboardTypeWebSearch";
++++++++break;
++++default:
++++++++strKeyboardType+=+@"UNKNOWN";
++++++++break;
}
NSLog(@"self.textDocumentProxy.keyboardType=%25@",+strKeyboardType);
return+strKeyboardType;
}

#define+SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v)++([[[UIDevice+currentDevice]+systemVersion]+compare:v+options:NSNumericSearch]+!=+NSOrderedAscending)

-+(void)extryBpressed{
++++//simulates+a+"."+press
++++[self.webView+stringByEvaluatingJavaScriptFromString:[NSString+stringWithFormat:+@"simulateKeyPress('.');"]];
}|code-block|syntax|javascript|1362543|然后，您应该在JS代码中添加可在应用程序范围内访问的a方法。|1362544|simulateKeyPress:+function(k)+{
++++++++var+press+=+jQuery.Event("keypress");

++++++++press.which+=+k;
++++++++//+place+the+id+of+your+most+outer+html+tag+here
++++++++$("#body").trigger(press);
++++++++++++//+just+needed+because+my+active+element+has+a+child+element+where+the+value+should+be+placed+in
++++++++++++++++var+id+=+document.activeElement.id.indexOf("-");
++++++++++++++++if(id+!=+-1){
++++++++++++++++++++var+currentTf+=+sap.ui.getCore().byId(document.activeElement.id.split("-")[0]);
++++++++++++++++++++//append+the+value+and+set+it+(my+textfield+has+a+method+setValue())
++++++++++++++++++++var+currentTfValue+=+currentTf.getValue();
++++++++++++++++++++currentTf.setValue(currentTfValue+%2B+k);
++++++++++++++++}
++++++++++++},|1362545|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html|1|https://stackoverflow.com/questions/20192303/how-to-add-a-done-button-to-numpad-keyboard-in-ios7^0|A|Z|1N|3Z|0|0|1V|U|3B|1G|1|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]]|E|$]]|$1|H|3|I|5|6|7|1E|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|1F|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|1G|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1H|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]]]

iOs has a numeric keyboard <code>UIKeyboardTypeNumbersAndPunctuation</code>, but this can't be called from HTML (<a href="https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html" rel="nofollow noreferrer">https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html</a>)

since on the "tel" keyboard the punctuation is missing you have to create this on your own. Since ios8 custom keyboards are available. Or if you just need the punctuation you can add a button (<a href="https://stackoverflow.com/questions/20192303/how-to-add-a-done-button-to-numpad-keyboard-in-ios7">How to add a &#39;Done&#39; button to numpad keyboard in iOS</a>) to the numeric keyboard which pops up when you specify your input field with <code>type="number" pattern="[0-9]*"</code> .

To do so: the objective-c code.

<pre><code>-(void)keyboardWillHide:(NSNotification *)note
{
 [self.donekeyBoardBtn removeFromSuperview];
 [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat: @"document.activeElement.blur()"]];
}

- (void)keyboardWillShow:(NSNotification *)note
{
 [UIView setAnimationsEnabled:NO];
 // create custom button
 //UIKeyboardTypeNumberPadin
 //type="number" pattern="[0-9]*"
 UIButton *extryB= [UIButton buttonWithType:UIButtonTypeRoundedRect];
 extryB.frame = CGRectMake(0, self.view.frame.size.height+150, 100, 50);
 extryB.backgroundColor = [UIColor colorWithRed:204.0f/255.0f
 green:210.0f/255.0f
 blue:217.0f/255.0f
 alpha:1.0f];
 extryB.adjustsImageWhenHighlighted = NO;
 extryB.titleLabel.font = [UIFont systemFontOfSize:14.0];
 [extryB setTitle:@"," forState:UIControlStateNormal];
 [extryB setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
 [extryB addTarget:self action:@selector(extryBpressed) forControlEvents:UIControlEventTouchUpInside];



self.donekeyBoardBtn = extryB;

// locate keyboard view
UIWindow* tempWindow = [[[UIApplication sharedApplication] windows] objectAtIndex:1];
UIView* keyboard;
for(int i=0; i&lt;[tempWindow.subviews count]; i++)
{
 keyboard = [tempWindow.subviews objectAtIndex:i];
 // keyboard view found; add the custom button to it

 if([[keyboard description] hasPrefix:@"&lt;UIInputSetContainerView"] == YES)
 {

 for(int i = 0 ; i &lt; [keyboard.subviews count] ; i++)
 {
 UIView* hostkeyboard = [keyboard.subviews objectAtIndex:i];

 if([[hostkeyboard description] hasPrefix:@"&lt;UIInputSetHost"] == YES)
 {
 UIButton* donebtn = (UIButton*)[hostkeyboard viewWithTag:67123];
 if (donebtn == nil){
 //to avoid adding again and again as per my requirement (previous and next button on keyboard)

 if([[self printKeyboardType] isEqualToString: @"UIKeyboardTypePhonePad"]){
 [keyboard addSubview:extryB];
 }

 }
 }
 }
 }
 //[keyboard addSubview:extryB];
}
[UIView setAnimationsEnabled:YES];
// animate
[UIView animateWithDuration:0.5 animations:^{
 extryB.frame = CGRectMake(0, self.view.frame.size.height-50, 100, 50);
}];
}

-(NSString*)printKeyboardType
{

NSString* strKeyboardType = @"";
switch (self.textDocumentProxy.keyboardType) {
 case UIKeyboardTypeAlphabet:
 strKeyboardType = @"UIKeyboardTypeAlphabet";
 break;
 case UIKeyboardTypeDecimalPad:
 strKeyboardType = @"UIKeyboardTypeAlphabet";
 break;
 case UIKeyboardTypeDefault:
 strKeyboardType = @"UIKeyboardTypeDefault";
 break;
 case UIKeyboardTypeEmailAddress:
 strKeyboardType = @"UIKeyboardTypeEmailAddress";
 break;
 case UIKeyboardTypeTwitter:
 strKeyboardType = @"UIKeyboardTypeTwitter";
 break;
 case UIKeyboardTypeNamePhonePad:
 strKeyboardType = @"UIKeyboardTypeNamePhonePad";
 break;
 case UIKeyboardTypeNumberPad:
 strKeyboardType = @"UIKeyboardTypeNumberPad";
 break;
 case UIKeyboardTypeNumbersAndPunctuation:
 strKeyboardType = @"UIKeyboardTypeNumbersAndPunctuation";
 break;
 case UIKeyboardTypePhonePad:
 strKeyboardType = @"UIKeyboardTypePhonePad";
 break;
 case UIKeyboardTypeURL:
 strKeyboardType = @"UIKeyboardTypeURL";
 break;
 case UIKeyboardTypeWebSearch:
 strKeyboardType = @"UIKeyboardTypeWebSearch";
 break;
 default:
 strKeyboardType = @"UNKNOWN";
 break;
}
NSLog(@"self.textDocumentProxy.keyboardType=%@", strKeyboardType);
return strKeyboardType;
}

#define SYSTEM_VERSION_GREATER_THAN_OR_EQUAL_TO(v) ([[[UIDevice currentDevice] systemVersion] compare:v options:NSNumericSearch] != NSOrderedAscending)

- (void)extryBpressed{
 //simulates a "." press
 [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat: @"simulateKeyPress('.');"]];
}
</code></pre>

Then you should add the a method which can be accessed application wide in your JS code.

<pre><code>simulateKeyPress: function(k) {
 var press = jQuery.Event("keypress");

 press.which = k;
 // place the id of your most outer html tag here
 $("#body").trigger(press);
 // just needed because my active element has a child element where the value should be placed in
 var id = document.activeElement.id.indexOf("-");
 if(id != -1){
 var currentTf = sap.ui.getCore().byId(document.activeElement.id.split("-")[0]);
 //append the value and set it (my textfield has a method setValue())
 var currentTfValue = currentTf.getValue();
 currentTf.setValue(currentTfValue + k);
 }
 },
</code></pre>

I'm experimenting with PhoneGap to develop some iPhone apps. PhoneGap basically wraps a UIWebView - it works well. The problem is the my app has several input fields that only take numeric input. I really need to force the numeric keypad instead of accepting the default standard keyboard, which then forces the user to switch to the numeric on every field. Does anyone know if this is possible? How?

Clarification:
I know that Apple doesn't currently provide any API to allow this. I'm wondering if creating a custom class that inherited from UIWebView might help, or maybe creating a custom keyboard would open up some possibilities?

Update 6 Nov, 2009 - As noted below, Apple has recently updated safari functionality so that this is, once again, supported. So the accepted answer was changed to reflect that.

<pre><code> &lt;html&gt;
&lt;input type='tel'/&gt;
&lt;input type='number'/&gt;
&lt;input type='email'/&gt;
&lt;input /&gt;
&lt;/html&gt;
</code></pre>

iPhone UIWebview: How to force a numeric keyboard? Is it possible?

PhoneGap

jQuery

我正在尝试使用PhoneGap开发一些iPhone应用程序。PhoneGap基本上包装了一个UIWebView -它工作得很好。问题是我的应用程序有几个只接受数字输入的输入域。我真的需要强制数字键盘，而不是接受默认的标准键盘，然后强制用户切换到每个字段上的数字。有没有人知道这是否可能？多么?澄清:我知道Apple目前还没有提供任何API来支持这一点。我想知道创建一个继承自UIWebView的自定义

问iPhone UIWebview:如何强制使用数字键盘？有可能吗？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone UIWebview:如何强制使用数字键盘？有可能吗？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iPhone UIWebview:如何强制使用数字键盘？有可能吗？
EN