可以使用html5的number类型实现限制文本框只能输入数字。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在ue编辑器中输入以下html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的限制文本框只能输入数字效果。
1.单行文本框：
<input type="text" style="height:20pxwidth:100px" />
2.多行文本框（文本域）：
<textarea style="width:300pxheight:100px"></textarea>
文本框是单行的，而文本域可以输入多行，不过文本框也可以通过设置变成成多行。一般来说如果要填写的内容很多我们就用文本域<textarea>,反之用<text>。
创建一个简单的input标签实现网页上的输入框效果。
添加输入框的步骤如下：
<input>标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
工具：编辑器、浏览器
1、创建一个简单的input标签实现网页上的输入框效果，代码如下：
1 First name: <input type="text" name="fname" />2 Last name: <input type="text" name="lname" />3 <input type="submit" value="Submit" />
2、以上代码中type=text是文本的输入框，type=submit是一个提交按钮，运行的效果如下图：
添加多个输入框的方法如下：
<input id="input_template" name="name" maxlength="7" type="text" style="width: 120px">
<!-- 这里是一个模版，追加的时候用来克隆的。 -->
$('#addBtn').bind('click', function() {
var input_ = $("#input_template").clone()
$("#input_container").append(input_)
})
<!-- 需要注意的是，在追加的时候，或者追加之后，把追加元素imput的name和id重置一下。 -->
