移动浏览器中文本区域的数字输入答案

【问题标题】：Numeric input for textarea in mobile browser移动浏览器中文本区域的数字输入
【发布时间】：2013-12-10 08:09:02
【问题描述】：

我正在为移动设备编写 Web 界面。我想限制textarea中的输入：数字0-9，空格，输入。我想查看textarea 的默认数字键盘。但是对于textarea，默认情况下会显示标准键盘。如果我使用虚拟键盘（简单按钮和 javascript）标准键盘仍然显示。如何禁用textarea 的标准键盘或设置默认数字键盘？

【问题讨论】：

如果我的问题是正确的，那么这几乎可以解决它：stackoverflow.com/questions/10611833/…
@DevlshOne 我正在为移动浏览器开发 Web 界面
@Andy，我推迟了你的重复问题。
@Schnodderbalken 你没有正确理解我的问题
将 android:inputType="number" 添加到您的 TextArea

标签： javascript android jquery html

【解决方案1】：

您可以在textarea 中使用全局属性inputmode。这将在 Android 和 iPhone 中打开数字键盘。还提供其他键盘变体，例如 tel（电话垫）、email 和 url。

<textarea inputmode="numeric">
</textarea>

请参阅the MDN docs on inputmode 了解更多信息。

【讨论】：

【解决方案2】：

<EditText
    android:id="@+id/launch_codes"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:hint="@string/enter_launch_codes"
    android:inputType="number"
    android:imeActionLabel="@string/launch" />

使用输入类型编号以查看默认数字键盘

【讨论】：

【解决方案3】：

您必须将输入类型设置为“数字”。数字类型用于应包含数值的输入字段。您还可以对接受的数字设置限制。

示例：定义一个数字字段（有限制）：数量（1 到 5 之间）：

<input type="number" name="quantity" min="1" max="5">

使用以下属性来指定限制：

max - 指定允许的最大值
min - 指定允许的最小值
step - 指定合法数字区间
value - 指定默认值

【讨论】：

如果您使用虚拟键盘，您可以在 textarea 上使用 preventDefault() 来防止打开默认键盘
我尝试使用代码：$(textarea_id).insertAtCaret(txt); event.preventDefault();但标准键盘显示

【解决方案4】：

setRawInputType(InputType.TYPE_CLASS_NUMBER);

【讨论】：

是 html 页面吗？
是为Android HTML页面服务的，是的。
我的应用程序在网络服务器上运行，在移动设备上我只使用浏览器。我怎样才能使用你的代码？

【解决方案5】：

使用android:inputType 选项。

在xml布局文件中，你可以像这样定义你的textarea：

<EditText
    android:id=yourID
    android:inputType="phone" >
</EditText>

【讨论】：

这不是针对 Android 应用程序而不是 HTML 页面吗？
这就是我在我的安卓应用中使用它的方式。
您的 Android 应用程序是否加载到网页之外的 HTML 页面中？
不，它只是一个基本的 android 应用程序，我认为我没有很好地理解安迪的问题。他说的是 html 文本框。