1. 什么是HTML input?
HTML input标签是一种用于创建表单控件的标签。它允许用户从表单中输入数据，并将该数据提交到服务器进行处理。
input标签有多种类型，包括文本输入、密码输入、单选框、复选框、下拉列表等。而在这篇文章中，我们将重点介绍如何让input只能输入数字。
2. HTML input如何只能输入数字？
2.1 使用type属性
通过设置input标签的type属性，可以控制用户输入的内容类型。当type属性设置为number时，input只能输入数字，任何其他字符都将被过滤掉。
<input type="number" />
使用这种方式，浏览器会在输入框旁边自动添加上下调节符号，以方便用户调整数字的大小。
2.2 使用pattern属性
另一种限制用户输入的方法是使用pattern属性。该属性可以接受一个正则表达式作为输入，只有输入满足正则表达式的要求才可以提交表单。
<input type="text" pattern="[0-9]*" />
这里我们使用了一个简单的正则表达式[0-9]*来只允许输入数字。这个表达式中的[]表示匹配方括号中的任何一个数字，而*表示可以输入0个以上的数字。
但是需要注意的是，这种方法的限制只是在输入时生效，而当输入数据提交到服务器时，如果用户直接在表单提交地址中输入非数字内容，仍然有可能提交成功。因此，还需要在后台对数据进行再次验证。
2.3 使用JavaScript控制用户输入
还有一种控制用户输入的方法是使用JavaScript。通过在input元素上绑定onkeypress事件，可以拦截用户的每个按键事件，检查该按键是否为数字键并响应相应的操作。
<input type="text" onkeypress=return event.keyCode >= 48 && event.keyCode <= 57" />
这段代码将onkeypress事件绑定到input元素上，并检查按键码是否在48到57之间（ASCII码中数字0到9对应的十进制数值），如果是则表示输入合法，否则表示输入不合法。
这种方法的优势在于可以自定义控制逻辑，例如可以限制只能输入正整数、小数或者限制数字的大小范围等。不过需要注意的是，这种方法也需要在后台进行数据验证，以确保数据的安全性。
3. 如何在后台验证数据？
尽管前端可以使用多种方式限制用户的输入，但是这些方法都无法完全保证数据的正确性。因此，在开发网站的时候，我们还需要在后台进行数据验证，以确保数据的安全性。
后台验证的方法有很多种，包括正则表达式验证、JavaScript验证、PHP验证等。这里我们以PHP验证为例，简单介绍一下如何验证一个输入是否为数字。
<?php
if(isset($_POST['input'])){
if(is_numeric($_POST['input'])){
//输入为数字，继续处理
} else {
echo "输入不合法，请重新输入！";
}
}
?>
首先，判断是否有数据提交到服务器；然后使用is_numeric函数对提交的数据进行验证，如果输入为数字，则处理数据，否则返回错误信息。
这里的is_numeric函数可以判断多种类型的数字，包括整数、浮点数、科学计数法表示的数等。
4. 总结
本文介绍了三种使input只能输入数字的方法，包括使用type属性、pattern属性和JavaScript控制用户输入。同时，我们也提到了在后台对数据进行验证的重要性，并简要介绍了PHP验证输入是否为数字的方法。
虽然前端限制用户输入的方法比较多，但是这些方法都只能阻止一部分非法数据的提交。如果真正想要保证数据的安全性，还需要在后台进行数据验证。
最后，希望本文能够为大家提供一些帮助，也欢迎大家提出宝贵的意见和建议！