HTML5输入类型范围显示范围值
我正在制作一个要使用范围滑块的网站（我知道它仅支持Webkit浏览器）。
我已经将其完全集成并且可以正常工作。但我想使用a textbox来显示当前的幻灯片值。
我的意思是，如果最初滑块的值为5，那么在文本框中它应显示为5，当我滑动文本框时，其值应更改。
我可以仅使用CSS还是使用html。我想避免JQuery。可能吗？
问题答案：
这使用javascript，而不直接使用jquery。它可能有助于您入门。
function updateTextInput(val) {
document.getElementById('textInput').value=val;
}
<input type="range" name="rangeInput" min="0" max="100" onchange="updateTextInput(this.value);">
<input type="text" id="textInput" value="">
-
问题内容： 我想知道是否可以在Chrome和Firefox中显示刻度线以输入数字？我在这个问题上能找到的最接近的东西是这个。 问题答案： 当涉及到样式时，输入范围仍然有些噩梦。这就是说，在各大浏览器中显示刻度线 是 可能的，有点苦劳和浏览器的特定解决方案。 Internet Explorer / Edge 如您所知，默认情况下，如果添加HTML 属性，Internet Explorer将显示刻度。
-
问题内容： 我想垂直显示一个滑块控件。我只关心支持范围滑块控件的浏览器。 我发现一些注释和参考资料似乎表明将高度设置为大于宽度会导致浏览器自动更改方向，但是在我的测试中，这仅 适用于Opera，而 过去不再适用于Opera。如何垂直定位HTML5范围滑块？ 问题答案： 首先，将高度设置为大于宽度。从理论上讲，这就是您所需要的。在HTML5规格建议尽可能多的： … UA根据样式表指定的高度和宽度属性
-
问题内容： 我想自定义HTML5中范围输入类型的外观，使其看起来像进度条。我尝试使用CSS类应用一些常见的CSS属性，但似乎它们不起作用。 谁能指导我如何自定义它？ 问题答案： 编辑 ：如今所有主要浏览器都支持 <进度> 输入[类型=’范围’ 因此， 您应该使用这两个方法之一，如其他答案中所述 ，这不再是公认的答案。 的是非常新的，您已经尝试使用CSS对其进行自定义。:) 我不会尝试这样做有两个原
-
我想使用一个精灵(圆形轮廓)来显示周围单位的范围。我正在使用 来检测碰撞。然而，我不知道我的精灵应该有多大才能匹配重叠圆圈的半径。也许最简单的方法是自己画一个圆圈？
-
本文向大家介绍在Firefox中可以用于垂直方向的HTML5输入类型范围？，包括了在Firefox中可以用于垂直方向的HTML5输入类型范围？的使用技巧和注意事项，需要的朋友参考一下 现在有可能。在Firefox Web浏览器中可以使用垂直方向的HTML5输入类型范围。 以下是CSS-
-
问题内容： 我正在处理自动为我生成的一些python代码。我想避免手动编辑这些python文件，因此避免这个问题/问题： foo.py： boo.py： bar.py： 执行： python.exe bar.py 给出了找不到的错误。但是bar都导入＆。不应自动提供给？ 有办法吗？如前所述， boo.py 是为我自动生成的，我想避免将import foo添加到 boo.py中 。 谢谢。 问题答案