我需要知道这两个输入之间的区别吗？
<input type="range" />
<input type="number" />
有什么区别！
它们都代表一个数字领域......！
唯一的区别是它们在浏览器中的显示方式？
range =使用滑块或刻度盘控制来表示 number =带步进箭头的数字输入
大多数教程网站都说
数字和范围之间的差异是确切的值 数字与范围
并不重要
这句话是什么意思？！
答案 0 :(得分：0)
您可以在number类型中手动键入所需的数字。您还可以免费检查输入是否为数字。此外，您可以使用number类型显示负值。 +你可以把占位符放在那个框中。
使用range，您可以获得该滑块。例如，没有占位符，您无法手动（使用键盘）在其中插入值。
答案 1 :(得分：0)
我想你刚回答了自己的问题：
range =使用滑块或拨号控件表示
number =带步进箭头的数字输入
唯一的区别是它们在浏览器中的显示方式。它们都返回数值。
答案 2 :(得分：0)
来自https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range
类型为<input>的
"range"元素允许用户指定一个数值，该值必须不小于给定值，且不得超过另一个给定值。然而，准确的价值并不重要。
因此range和number之间的主要区别在于number用于精确值，而range则不是。 range的值为主观，而number的值为目标。
精确值不重要的示例是，如果您有颜色选择器。您有3个范围代表颜色的红色，绿色和蓝色。准确的价值并不重要。如果您选择绿色而不是156 163，您的应用就不会爆炸。
另一个例子是页面上的文字大小。您可以让用户选择10pt到30pt范围内的大小。如果用户意外选择了17而不是18，那并不重要。文本看起来略小，但它们仍然可以读取它并且不会破坏页面流。
至于服务器收到的值（因为你用PHP标记你的帖子），两者之间没有区别。但是<input type="range">的用例在服务器端非常有限。几乎每次你要求服务器提供一个号码时，你都需要精确，准确的数字，而任何不同的东西都会产生影响。您不希望范围选择要添加到购物车的项目数量，因为意外地将滑块移动几个像素到一侧可能会产生可怕的意外后果。我认为范围对JavaScript更有用，修改页面设置客户端或任何主观用户设置，如页面外观。
因此，如果您正在使用范围，请问自己如果值略有不同会发生什么。如果它不重要，您可以使用范围。如果可以，请使用其他内容，例如<input type="number">。
答案 3 :(得分：0)
在html5在input元素中展开更多值之前，所有Web开发人员都需要在javascript上创建扩展函数来验证输入值。这使开发人员工作更多。
正如您今天所看到的，html5不仅可以呈现文本数据，还可以呈现音频和视频。因此，如果您面对的是音频数据，那么您必须使用输入＆＃34; range＆＃34;用于声明音量的类型。此外，当您处理统计图表时，其中包含最小值和最大值。这就是它的目的。
比，数字类型。您可以在表单上使用它来输入确切的数字，而无需提供任何验证函数来提取输入值