创建一个 type="number" 的文本框

【问题标题】：Create a textbox of type="number"创建一个 type="number" 的文本框
【发布时间】：2016-09-14 05:29:14
【问题描述】：

我有一个自定义控件，它使用System.Windows.Form.Textbox 作为底层文本框。

我想将该类型更改为type="number"，但是我看不到这样做的方法。

最终目标是拥有一个输入字段，当您在智能手机浏览器上单击该字段时，只会为您提供数字键而不是完整的键盘输入。

可以仅使用JavaScript 将输入限制为数字，但这不是我想要的。我特别需要打开只有数字的键盘。如果除了设置 type="number" 之外还有其他方法可以实现此目的，那么它也应该可以工作。

【问题讨论】：

【解决方案1】：

您可以将type="number" 添加到 ASP.NET 文本框，它将使用该属性呈现。

<asp:TextBox ID="TextBox1" runat="server" type="number" />

根据 ASP.NET 版本，它将使用 type="text" 和 type="number" (v2.0 - v3.5) 或仅使用 type="number" (v4.0+) 呈现。

如果您想在代码隐藏中有条件地添加它，您可以：

TextBox1.Attributes.Add("type", "number");

【讨论】：

在 asp.net 3.5 <form runat="server"> <asp:TextBox runat="server" Type="number"/> </form> 产生 <input name="ctl06" type="text">
刚刚在 v3.5 中尝试过，<asp:TextBox ID="TextBox1" runat="server" type="number"></asp:TextBox> 对我来说是<input name="TextBox1" type="text" id="TextBox1" type="number" />。不知道为什么它对你不同。