Android 手机中的 Asp.net 文本框默认选择数字键盘

发布于 2024-11-25 21:05:12 字数 403 浏览 2 评论 0原文

我们正在开发一个常规的asp.net网站（没有Textviews），对于其中一个文本框，我需要文本框默认打开数字键盘，有没有办法实现这一点？

下面的代码完美适用于 iPhone / iPad，但不默认适用于 Android 的数字键盘。

<asp:TextBox runat="server" type="number" pattern="\d*" onKeypress="if(event.keyCode < 48 || event.keyCode > 57){return false;}" />

安卓版本：2.2.1

编辑：当我使用 type="number" 的 HTML 输入框时，它工作得很好。我需要一种使用 asp.Net 文本框并查看数字键盘的方法。

原文

We are developing a regular asp.net website (no Textviews), for one of the text boxes I need the textbox to open a numeric keyboard by default, is there a way to achieve this?

Below code works perfectly for iPhone / iPad but does not default to numeric keyboard for Android.

<asp:TextBox runat="server" type="number" pattern="\d*" onKeypress="if(event.keyCode < 48 || event.keyCode > 57){return false;}" />

Adroid version : 2.2.1

EDIT :
When I use an HTML input box with type="number" it works perfectly. I need a way to use asp.Net textbox and see the numeric keyboard.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

幸福不弃 2024-12-02 21:05:12

这是我的解决方案：

<div style="display:none"><asp:TextBox ID="txt_Phone" runat="server" /></div>
<input onblur="document.getElementById('<%=txt_Phone.ClientID %>').value = this.value" type="tel" />

享受吧:)

Here is my solution:

<div style="display:none"><asp:TextBox ID="txt_Phone" runat="server" /></div>
<input onblur="document.getElementById('<%=txt_Phone.ClientID %>').value = this.value" type="tel" />

Enjoy :)

回复收藏 0 原文

多像笑话 2024-12-02 21:05:12

这是一种稍微优雅的方式：

PhoneBox.Attributes.Add("type", "tel");

这种方式只有一个输入控件，并且不会扰乱客户端验证。此外，它还可以轻松将此属性分配给多个控件（我刚刚向我希望其应用的控件添加了一个“键盘”类，然后使用递归控件搜索方法找到所有控件并添加属性）。

Here's a slightly more elegant way:

PhoneBox.Attributes.Add("type", "tel");

This way there is only one input control and it doesn't mess up client-side validation. Also it makes it easy to assign this attribute to multiple controls (I just added a "keypad" class to the controls that I want it to apply to, then use a recursive control search method to find them all and add the attribute).

回复收藏 0 原文

~没有更多了~