较软的控制或数字

Question

我正在寻找这个问题的答案

您正在开发HTML5网络表单以收集网站访问者的反馈信息。 Web表单必须显示符合以下要求的INPUT元素：

• 允许介于1到10之间的数值。
• 默认值为5。
• 在页面上显示为滑块控件。您需要添加INPUT 形式的元素。

您应该添加哪个HTML元素？

<input type="number" name="rating" min ="1" max-"10">

<input type="number" name="rating" min="1" max="10" default="5">
<input type="range" name="rating" min="0" max="10" default"="5">
<input type="range" name="rating" min="10" max="10" value="5">

答案不应该是这个。

<input type="range" name="rating" min="0" max="10" default"="5">

Answer 1

这个问题似乎有很多混乱。 让我们分解要求：

• 允许1到10之间的数字值：type="number" min="1" max="10"

• 默认值为5：默认为value = 5

• 在页面上显示为滑块控件：input type="range"

如您所见，numeric和slider相互冲突。您可以使用滑块，也可以使用数字输入框，而不是两者。

我认为问题是要求滑块，因此value="5"字段会将滑块放在中间。

答案是

    <input type="range" name="rating" min="10" max="10" value="5">

（min="10"有拼写错误，应为min="1"，但这是此问题的正确答案。）